:root{
    --bg:#0a0a0c; --panel:#101013; --line:#26262c; --line2:#3a3a43;
    --txt:#f5ecec; --mut:#b3a3a6; --dim:#7d6f73; --gold:#d4af37; --rose:#ff3b5c; --wine:#2a0a12; --red:#ff4d4d;
    --up:#4cc38a; --dn:#e5484d; --mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:radial-gradient(1100px 480px at 50% -120px,#3d0d1a 0%,#170409 46%,var(--bg) 78%);color:var(--txt);font-family:Helvetica,Arial,sans-serif;font-size:15px}
  a{color:inherit;text-decoration:none}
  .samplebar{background:#3d3205;color:#f5d76e;text-align:center;font-size:11px;letter-spacing:.1em;padding:5px}
  .mast{border-bottom:3px double var(--line2)}
  .mast-in{max-width:1120px;margin:0 auto;padding:12px 16px 10px;display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
  .logo{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:700;font-style:italic;letter-spacing:.01em;line-height:1}
  .logo span{color:var(--rose)}
  .logo small{display:block;font-size:11px;font-weight:400;color:var(--mut);letter-spacing:.14em;margin-top:5px}
  .clock{margin-left:auto;text-align:right}
  .clock .t{font-family:var(--mono);font-size:24px;font-weight:700}
  .clock .d{font-size:11px;color:var(--dim);letter-spacing:.1em}
  .ticker{border-bottom:1px solid var(--line);background:var(--panel);overflow:hidden;white-space:nowrap}
  .ticker-in{max-width:1120px;margin:0 auto;padding:7px 16px;font-family:var(--mono);font-size:13px;color:var(--mut);display:flex;gap:26px;flex-wrap:wrap}
  .ticker b{color:var(--txt)}
  .ticker .live{color:var(--red);font-weight:700}
  .wrap{max-width:1120px;margin:0 auto;padding:16px}
  .cols{display:grid;grid-template-columns:1.85fr 1fr;gap:22px;align-items:start}
  h2.sec{font-size:13px;letter-spacing:.18em;text-transform:uppercase;border-bottom:2px solid var(--txt);padding-bottom:6px;margin-bottom:0;display:flex;justify-content:space-between;align-items:baseline}
  h2.sec span{color:var(--dim);letter-spacing:.04em;text-transform:none;font-size:12px}
  table{width:100%;border-collapse:collapse}
  td,th{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}
  th{font-size:10px;color:var(--dim);letter-spacing:.12em;text-transform:uppercase}
  .num{font-family:var(--mono);text-align:right}
  th.num{text-align:right}
  .hero td{border-bottom:2px solid var(--line2);padding:14px 8px}
  .hero .nm{font-size:26px;font-weight:900}
  .hero .vw{font-family:var(--mono);font-size:30px;font-weight:700}
  .nm{font-weight:700;font-size:15px}
  .rk{font-family:var(--mono);color:var(--dim);width:30px}
  .up{color:var(--up)} .dn{color:var(--dn)}
  .mv{font-family:var(--mono);font-size:13px;text-align:right;white-space:nowrap}
  .dur{font-family:var(--mono);color:var(--mut);font-size:13px;text-align:right}
  .newtag{color:#111;background:var(--gold);font-size:10px;font-weight:800;padding:1px 5px;border-radius:2px;margin-left:6px;letter-spacing:.05em}
  .grp{color:var(--dim);font-size:10px;border:1px solid var(--line2);padding:1px 4px;border-radius:2px;margin-left:6px}
  .watch{font-family:var(--mono);font-size:12px;color:#fff;background:var(--rose);border:1px solid var(--rose);border-radius:2px;padding:3px 9px;font-weight:700;letter-spacing:.04em}
  .side .blk{margin-bottom:24px}
  .mover{display:flex;justify-content:space-between;align-items:baseline;padding:7px 2px;border-bottom:1px solid var(--line)}
  .mover .who{font-weight:700}
  .mover .who small{display:block;font-weight:400;color:var(--dim);font-size:11px}
  .mover .chg{font-family:var(--mono);font-size:15px}
  .outlook{padding:10px 0}
  .outlook .big{font-family:var(--mono);font-size:21px;font-weight:700}
  .outlook p{color:var(--mut);font-size:13px;margin-top:5px;line-height:1.55}
  .tzrow{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12.5px;padding:4px 0;border-bottom:1px solid var(--line);color:var(--mut)}
  .tzrow b{color:var(--txt);font-weight:400}
  .note{color:var(--dim);font-size:12px;line-height:1.6}
  footer{border-top:1px solid var(--line);margin-top:26px}
  .ftr{max-width:1120px;margin:0 auto;padding:14px 16px;color:var(--dim);font-size:12px;display:flex;gap:16px;flex-wrap:wrap}
  html,body{overflow-x:hidden}
  td,th{word-break:break-word}
  @media(max-width:860px){
    .cols{grid-template-columns:1fr}
    .dur,th.durh{display:none}
    .hero .nm{font-size:21px}.hero .vw{font-size:24px}
    .logo{font-size:24px}
  }
  @media(max-width:640px){
    body{font-size:14px}
    .wrap{padding:12px 10px}
    .mast-in{padding:10px 12px 8px;gap:10px}
    .clock .t{font-size:19px}
    .ticker-in{gap:14px;font-size:12px;padding:6px 12px}
    .board th:nth-child(4),.board td:nth-child(4){display:none}
    td,th{padding:6px 5px}
    .nm{font-size:14px}
    .hero td{padding:10px 5px}
    .hero .nm{font-size:19px}.hero .vw{font-size:22px}
    .watch{padding:2px 6px;font-size:11px}
    .rk{width:22px}
    h2.sec{font-size:12px}
    .outlook .big{font-size:18px}
  }

/* Navigation and secondary pages use the mock's type, rules, and palette. */
.mast-in nav{flex-basis:100%;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
nav a{padding-bottom:4px;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current=page]{color:var(--txt);border-color:var(--rose)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(24px,5vw,36px);overflow-wrap:anywhere;margin-bottom:12px}
main>section,.method section{margin-bottom:24px}
.method{max-width:780px}
.method p{color:var(--mut);line-height:1.6;margin-top:8px}
.sec{gap:10px}
.sec span{text-align:right}
.empty{padding:8px 0}
.more{color:var(--rose);font-size:13px}
.model-link:hover,.more:hover{text-decoration:underline}
.action{text-align:right;white-space:nowrap}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}
.stats div{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:10px 14px;min-width:112px}
.stats small{display:block;color:var(--mut);margin-bottom:5px}
.stats b{font:700 23px var(--mono)}
.heat-scroll{max-width:100%;overflow:auto;margin-top:8px;padding-bottom:6px}
.heatmap{min-width:850px;border-collapse:separate;border-spacing:2px;font:12px var(--mono);table-layout:fixed}
.heatmap td,.heatmap th{text-align:center;padding:4px 1px;white-space:nowrap}
.heatmap th:first-child{width:44px;position:sticky;left:0;background:var(--bg)}
.heatmap td{border:1px solid var(--line);border-radius:2px}
.heat-0{background:#141418;color:var(--mut)}
.heat-1{background:#2a0a12}.heat-2{background:#490e20}.heat-3{background:#75162d}.heat-4{background:#a62140}
.heatmap .missing{background:var(--bg);color:var(--dim);border-style:dashed}
.period-scroll{overflow-x:auto;margin-bottom:8px}
.period-table{min-width:400px}
.period-archive{list-style:none}
.period-archive li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:7px 0}
.period-archive span{font-size:12px;color:var(--mut)}
@media(max-width:640px){.mobile-hide{display:none}.mast-in nav{gap:13px}.hero .nm{overflow-wrap:anywhere}}