/* Plain newsprint layout. Nothing decorative: an unusual design changes how
   real people read, which would bias the scroll/dwell comparison against the
   production sessions this task is measured against. */
:root { --ink:#1a1a1a; --muted:#6b6b6b; --line:#e2e2e2; --accent:#1f6fb2; }
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 Georgia,'Iowan Old Style',serif;color:var(--ink);background:#fff}
#app{max-width:38rem;margin:0 auto;padding:3rem 1.25rem 6rem}
.kicker{font:600 .75rem/1 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.08em;color:var(--accent);margin:0 0 .75rem}
h1{font-size:2rem;line-height:1.2;margin:0 0 .75rem}
h2{font-size:1.3rem;margin:2.5rem 0 .75rem}
.byline{font:.85rem/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--muted);
  margin:0 0 2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}
p{margin:0 0 1.25rem}
.gate{margin:2.5rem 0;padding:2rem 1.5rem;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);text-align:center}
.gate[hidden]{display:none}
.gate-text{font:.95rem/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--muted);margin:0 0 1.25rem}
button{font:inherit;cursor:pointer;border-radius:6px;padding:.7rem 1.5rem}
.primary{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;
  background:var(--ink);border:1px solid var(--ink);color:#fff}
.primary:hover{background:#333;border-color:#333}
.primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.status{font:.9rem/1.5 ui-sans-serif,system-ui,sans-serif;color:var(--muted);
  margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}
.status[hidden]{display:none}
@media (prefers-color-scheme:dark){
  :root{--ink:#ececec;--muted:#9a9a9a;--line:#3a3a3a}
  body{background:#131313}
  .primary{background:#ececec;color:#131313;border-color:#ececec}
  .primary:hover{background:#fff;border-color:#fff}
}