/* Author-neutral homepage: a text System panel replaces the hero art. */
.system-panel { display: flex; flex-direction: column; justify-content: space-between; padding: 34px 30px 26px; }
.system-panel::after { background: linear-gradient(to top, rgba(3, 8, 6, .96) 0, transparent 38%); }
.system-log { position: relative; z-index: 2; }
.system-head { margin: 0 0 22px; color: var(--signal); text-transform: uppercase; letter-spacing: .12em; font: 500 11px/1.4 var(--mono); }
.system-log ol { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.system-log li { display: grid; grid-template-columns: 22px 1fr; padding: 14px 16px; border: 1px solid var(--line); background: rgba(18, 34, 27, .55); color: var(--paper); font: 400 14px/1.45 var(--mono); }
.system-log li span { color: var(--signal); }
.system-log li.system-offer { border-color: rgba(184, 255, 97, .55); color: var(--bone); background: rgba(184, 255, 97, .08); }
.system-panel figcaption { position: relative; left: auto; right: auto; bottom: auto; margin-top: 30px; }
.contact-mail { color: var(--signal); font: 600 clamp(22px, 2.4vw, 32px)/1.1 var(--display); letter-spacing: .02em; text-decoration: none; border-bottom: 1px solid rgba(184, 255, 97, .4); }
.contact-mail:hover { border-bottom-color: var(--signal); }
@media (max-width: 760px) {
  .system-panel { min-height: 0; padding: 24px 18px 20px; }
  .system-log li { font-size: 13px; }
}