:root{
  --ground:#F4F3F0; --panel:#FFFFFF; --panel-2:#E9E7E2;
  --ink:#12181F; --ink-2:#3A424C; --muted:#6A727C; --line:#D9D6CF;
  --leather:#B4552A; --chalk:#2C6C8C; --bone:#EDEAE3;
  --pos:#2E6B45; --neg:#B3352C;
  --shadow:0 1px 2px rgba(18,24,31,.06),0 5px 18px rgba(18,24,31,.06);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#0E1216; --panel:#161B21; --panel-2:#1D242B;
    --ink:#EDEAE3; --ink-2:#C3C8CE; --muted:#8B939C; --line:#272E36;
    --leather:#D4703C; --chalk:#6FAECB; --bone:#EDEAE3;
    --pos:#5FB183; --neg:#E4645A;
    --shadow:0 1px 2px rgba(0,0,0,.5),0 5px 20px rgba(0,0,0,.32);
  }
}
:root[data-theme="dark"]{
  --ground:#0E1216; --panel:#161B21; --panel-2:#1D242B;
  --ink:#EDEAE3; --ink-2:#C3C8CE; --muted:#8B939C; --line:#272E36;
  --leather:#D4703C; --chalk:#6FAECB; --bone:#EDEAE3;
  --pos:#5FB183; --neg:#E4645A;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 5px 20px rgba(0,0,0,.32);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.6; -webkit-text-size-adjust:100%;
}
a{color:var(--chalk); text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible,button:focus-visible,select:focus-visible{
  outline:2px solid var(--leather); outline-offset:2px; border-radius:3px;}

/* ---- masthead ---- */
.top{background:var(--ink); border-bottom:3px solid var(--leather);}
.top-in{max-width:1000px; margin:0 auto; padding:12px 16px;
        display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none; flex:none;}
.brand:hover{text-decoration:none;}
.brand svg{width:34px; height:34px; color:var(--leather); flex:none;}
.brand .n{font-family:Oswald,sans-serif; font-weight:600; font-size:20px;
          color:var(--bone); line-height:1; letter-spacing:.005em;}
.brand .n em{font-style:normal; color:var(--leather);}
nav{display:flex; gap:2px; flex-wrap:wrap; margin-left:auto;}
nav a{font-family:Oswald,sans-serif; font-size:14px; letter-spacing:.06em;
      text-transform:uppercase; color:#A6AEB7; padding:6px 10px; border-radius:5px;}
nav a:hover{color:var(--bone); background:rgba(237,234,227,.08); text-decoration:none;}
nav a.on{color:var(--bone); background:rgba(180,85,42,.24);}

.fresh{background:var(--panel-2); border-bottom:1px solid var(--line);
       font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:var(--muted);}
.fresh-in{max-width:1000px; margin:0 auto; padding:7px 16px;
          display:flex; gap:8px 20px; flex-wrap:wrap;}

.wrap{max-width:1000px; margin:0 auto; padding:26px 16px 70px;}
@media(min-width:760px){ .wrap{padding:36px 24px 90px;} }

h1{font-family:Oswald,sans-serif; font-size:clamp(28px,6.4vw,42px); font-weight:600;
   line-height:1.06; margin:0 0 8px; text-wrap:balance;}
h2{font-family:Oswald,sans-serif; font-size:clamp(20px,4.2vw,26px); font-weight:600;
   margin:0; letter-spacing:.01em;}
h3{font-family:Oswald,sans-serif; font-size:15px; letter-spacing:.08em;
   text-transform:uppercase; color:var(--muted); font-weight:600; margin:0;}
p{margin:0 0 14px; color:var(--ink-2);}
.lede{font-size:18px; max-width:60ch;}
.eyebrow{font-family:Oswald,sans-serif; font-size:13px; letter-spacing:.15em;
         text-transform:uppercase; color:var(--muted); margin:0 0 8px; font-weight:500;}
section{margin-top:34px;}
.sec-head{border-bottom:1px solid var(--line); padding-bottom:9px; margin-bottom:16px;
          display:flex; gap:12px; align-items:baseline; flex-wrap:wrap;}
.sec-head .hint{font-size:13.5px; color:var(--muted);}

/* ---- cards & tables ---- */
.card{background:var(--panel); border:1px solid var(--line); border-radius:10px;
      box-shadow:var(--shadow); overflow:hidden;}
.card > h3{padding:11px 14px; border-bottom:1px solid var(--line);
           background:var(--panel-2);}
.pad{padding:16px 18px;}
.scroll{overflow-x:auto; -webkit-overflow-scrolling:touch;}
table{border-collapse:collapse; width:100%; font-size:14.5px;}
th{font-family:Oswald,sans-serif; font-size:12.5px; letter-spacing:.07em;
   text-transform:uppercase; color:var(--muted); font-weight:600; text-align:right;
   padding:9px 11px; border-bottom:1px solid var(--line); white-space:nowrap;}
th.l,td.l{text-align:left;}
td{padding:8px 11px; border-bottom:1px solid var(--line); text-align:right; white-space:nowrap;}
tr:last-child td{border-bottom:0;}
tbody tr:hover{background:var(--panel-2);}
.rk{color:var(--muted); width:36px; text-align:right; font-variant-numeric:tabular-nums;}
.nm{font-weight:500; color:var(--ink);}
.num{font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums;}
.dim{color:var(--muted);} .pos{color:var(--pos);} .neg{color:var(--neg);}

.grid{display:grid; gap:14px;}
@media(min-width:700px){ .grid.two{grid-template-columns:1fr 1fr;} }
.tiles{display:grid; gap:10px; grid-template-columns:repeat(auto-fill,minmax(126px,1fr));}
.tile{background:var(--panel); border:1px solid var(--line); border-radius:8px;
      padding:11px 12px; box-shadow:var(--shadow);}
.tile a{font-weight:500;}
.tile .sub{font-family:"IBM Plex Mono",monospace; font-size:12px; color:var(--muted);}

.note{border-left:3px solid var(--leather); background:var(--panel);
      padding:13px 15px; border-radius:0 8px 8px 0; box-shadow:var(--shadow); margin:0 0 16px;}
.note.blue{border-left-color:var(--chalk);}
.note .lbl{font-family:Oswald,sans-serif; font-size:12.5px; letter-spacing:.1em;
           text-transform:uppercase; color:var(--leather); display:block;
           margin-bottom:4px; font-weight:600;}
.note.blue .lbl{color:var(--chalk);}
.note p:last-child{margin-bottom:0;}

.prompt{font-family:"IBM Plex Mono",monospace; font-size:13px; background:var(--panel-2);
        border:1px dashed var(--line); border-radius:7px; padding:11px 13px;
        color:var(--ink-2); overflow-x:auto; white-space:pre-wrap; word-break:break-word;}

.chips{display:flex; gap:6px; flex-wrap:wrap; margin:0 0 14px;}
.chip{font-family:Oswald,sans-serif; font-size:13px; letter-spacing:.05em;
      border:1px solid var(--line); background:var(--panel); color:var(--ink-2);
      padding:5px 11px; border-radius:999px;}
.chip.on{background:var(--leather); border-color:var(--leather); color:#FFF3EA;}
a.chip:hover{border-color:var(--leather); color:var(--leather); text-decoration:none;}
a.chip.on:hover{color:#FFF3EA;}

footer{background:var(--ink); color:#8B939C; margin-top:50px;}
.foot-in{max-width:1000px; margin:0 auto; padding:24px 16px 30px; font-size:13.5px;}
.foot-in a{color:#A6AEB7;}
.foot-in .legal{margin-top:10px; font-size:12.5px; line-height:1.55;}