* { margin:0; padding:0; box-sizing:border-box; }
  body { background:#fff; color:#111; font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif; }
  .wrap { max-width:1000px; margin:0 auto; padding:26px 22px 60px; }

  .top { display:flex; justify-content:space-between; align-items:baseline; border-bottom:6px solid #111; padding-bottom:10px; }
  .top .who { font-size:13px; letter-spacing:2px; text-transform:uppercase; }
  .top .who b { background:#111; color:#fff; padding:2px 8px; }

  .termline { font-family:"Courier New",monospace; font-size:15px; margin:26px 0 2px; }
  .termline .prompt { color:#1a7a2e; font-weight:bold; }
  .blink { animation:bl 1.1s steps(1) infinite; font-weight:bold; }
  @keyframes bl { 50% { opacity:0; } }

  h1 { font-size:clamp(60px,11.5vw,142px); line-height:.86; letter-spacing:-2px; text-transform:uppercase; font-weight:900; margin:6px 0; }
  h1 .red { color:#f02d1e; }
  .sub { font-size:20px; margin-bottom:6px; }
  .sub em { font-style:normal; background:#f02d1e; color:#fff; padding:1px 8px; }
  .bio { font-family:"Courier New",monospace; font-size:14px; color:#444; margin-bottom:30px; line-height:1.6; }

  .sechead { display:flex; justify-content:space-between; font-size:13px; letter-spacing:2px; text-transform:uppercase; border-top:3px solid #111; border-bottom:3px solid #111; padding:8px 0; }
  .sechead .path { font-family:"Courier New",monospace; letter-spacing:0; text-transform:none; font-weight:bold; }
  .row { display:grid; grid-template-columns:70px 1fr auto; gap:16px; align-items:baseline; padding:13px 8px; border-bottom:2px solid #111; text-decoration:none; color:#111; }
  .row:hover { background:#111; color:#fff; }
  .row:hover .num { color:#f02d1e; }
  .num { font-size:26px; font-weight:900; }
  .ttl { font-size:clamp(19px,3vw,30px); font-weight:800; text-transform:uppercase; letter-spacing:-.5px; line-height:1.08; }
  .ttl small { display:block; font-family:"Courier New",monospace; font-size:13px; font-weight:normal; letter-spacing:0; text-transform:none; margin-top:4px; opacity:.65; }
  .row:hover .ttl small { opacity:.85; }
  .tag { font-size:12px; letter-spacing:1.5px; text-transform:uppercase; border:2px solid currentColor; padding:3px 10px; white-space:nowrap; }

  .note { font-family:"Courier New",monospace; font-size:14px; margin-top:30px; line-height:1.6; color:#444; }
  .note b { color:#111; }
  footer { margin-top:22px; border-top:6px solid #111; padding-top:12px; font-family:"Courier New",monospace; font-size:12px; color:#777; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; }

/* ---- generated pages ---- */
.seeall{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.seeall:hover{background:#111;color:#fff}
.mega.small{font-size:clamp(48px,9vw,110px);line-height:.95;margin:18px 0 10px}
.kicker{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:2px;margin:26px 0 6px}
.posttitle{font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.01em;margin:0 0 22px;max-width:16em}
.prose{max-width:38em;font-size:17px;line-height:1.65}
.prose p{margin:0 0 1.1em}
.prose h2{font-size:13px;font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;text-transform:uppercase;margin:2em 0 .8em}
.prose ul{margin:0 0 1.1em;padding-left:1.2em}
.prose li{margin-bottom:.4em}
.prose blockquote{border-left:3px solid #e0311d;margin:0 0 1.1em;padding-left:1em;color:#333}
.prose a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.prose code{font-family:ui-monospace,Menlo,Consolas,monospace;background:#f0f0f0;padding:1px 5px;font-size:.9em}
.back{margin:34px 0 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.back a{color:inherit}
.term{margin:26px 0 0}

/* narrow screens: stack the topbar, keep section heads on one line each */
@media (max-width: 640px) {
  .top { flex-direction:column; align-items:flex-start; gap:6px; }
  .sechead { flex-wrap:wrap; gap:4px; }
  .sechead .seeall { white-space:nowrap; }
  h1.mega { font-size:17vw; }
}