:root { color-scheme: dark; --ink: #eef6f5; --muted: #a8b8b6; --accent: #e8b84b; --line: rgba(238,246,245,.18); --panel: rgba(255,255,255,.035); }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #071110; font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { width: min(1120px, calc(100% - 2rem)); margin: 0 auto; padding: 5rem 0 7rem; }
header > span, section > span, .release { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; font-size: .72rem; }
header > span { color: var(--accent); }
h1 { max-width: 920px; margin: 1rem 0; font: 700 clamp(2.4rem, 7vw, 5.6rem)/.96 Georgia, serif; }
.answer { max-width: 850px; font-size: clamp(1.15rem, 2.2vw, 1.55rem); color: var(--muted); }
.release { margin-top: 1.5rem; overflow-wrap: anywhere; color: var(--muted); }
.grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .75fr); gap: 3rem; margin-top: 4rem; }
section, aside { padding: 2rem 0; border-top: 1px solid var(--line); }
h2 { font: 700 clamp(1.55rem, 3vw, 2.2rem)/1.2 Georgia, serif; margin: .4rem 0 1rem; }
h3 { margin: 1.3rem 0 .2rem; }
a { color: #8edbd0; overflow-wrap: anywhere; }
.boundary { color: #efa48b; }
aside { align-self: start; }
@media (max-width: 760px) { main { padding-top: 3rem; } .grid { grid-template-columns: 1fr; gap: 1rem; } }