:root{
  --surface:#fcfcfb; --ink:#0b0b0b; --ink2:#52514e; --muted:#898781;
  --rule:#e1e0d9; --accent:#2a78d6; --stop:#eb6834;
  --measure:38rem;
}
@media (prefers-color-scheme: dark){
  :root{ --surface:#1a1a19; --ink:#fff; --ink2:#c3c2b7; --muted:#898781;
         --rule:#2c2c2a; --accent:#3987e5; --stop:#d95926; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--surface); color:var(--ink);
  font:400 17px/1.6 Georgia,"Iowan Old Style","Times New Roman",serif;
}
main,header,footer{max-width:var(--measure); margin:0 auto; padding:0 16px}
header{padding-top:3.5rem}
h1{font-size:1.9rem; line-height:1.2; margin:0 0 .6rem}
h2{font-size:1.15rem; margin:2.6rem 0 .6rem; font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.lede{color:var(--ink2); font-size:1.05rem; margin:0 0 2rem}
.claim{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.95rem;
  border-left:3px solid var(--accent); padding:.1rem 0 .1rem .9rem; margin:2rem 0; color:var(--ink2);
}
ol.facts{list-style:none; padding:0; margin:0}
ol.facts li{border-top:1px solid var(--rule); padding:1rem 0}
ol.facts b{display:block; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:1.02rem}
ol.facts span{color:var(--ink2); font-size:.95rem}
figure{margin:2.4rem 0}
figure svg,figure img{width:100%; height:auto}
figcaption{color:var(--muted); font-size:.85rem; margin-top:.5rem}
table{border-collapse:collapse; width:100%; font-size:.86rem;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
th,td{border-bottom:1px solid var(--rule); padding:.55rem .5rem; text-align:left; vertical-align:top}
th{color:var(--ink2); font-weight:600}
td.gap{color:var(--stop); font-weight:600}
table.odds{font-size:.95rem; margin:.4rem 0 1rem}
table.odds td.n{font-weight:700; white-space:nowrap; width:6.5rem; color:var(--stop); font-size:1.05rem}
.src{color:var(--muted); font-size:.85em}
a.src{color:var(--muted); text-decoration:underline; text-decoration-color:var(--rule)}
a.src:hover{color:var(--accent)}
.subtitle{font-size:1.2rem; color:var(--ink2); margin:0 0 .5rem; font-style:italic}
.asof{font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.85rem; color:var(--muted); margin:0 0 1rem; letter-spacing:.02em}
.stake{font-size:1.08rem}
.example{border:1px solid var(--rule); border-left:3px solid var(--stop); border-radius:3px; padding:.4rem 1rem .8rem; margin:1.4rem 0}
.ex-label{font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:.6rem 0 .2rem}
.example dl{display:grid; grid-template-columns:9.5rem 1fr; gap:.35rem .8rem; margin:.8rem 0 0;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.9rem}
.example dt{color:var(--ink2); font-weight:600}
.example dd{margin:0}
@media (max-width:520px){ .example dl{grid-template-columns:1fr} .example dt{margin-top:.4rem} }
tr.ours td{background:color-mix(in srgb, var(--accent) 7%, transparent)}
.links{display:flex; gap:.8rem; flex-wrap:wrap; margin:2.2rem 0}
.links a{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.95rem;
  text-decoration:none; color:var(--surface); background:var(--ink);
  padding:.6rem 1rem; border-radius:3px;
}
.links a.secondary{background:transparent; color:var(--ink); border:1px solid var(--rule)}
footer{border-top:1px solid var(--rule); margin-top:3rem; padding:1.4rem 16px 4rem;
  color:var(--muted); font-size:.82rem; font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
details.tech{
  border:1px solid var(--rule); border-radius:3px; padding:.2rem .9rem; margin:1.4rem 0;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:.9rem; color:var(--ink2);
}
details.tech summary{cursor:pointer; padding:.5rem 0; color:var(--ink); font-weight:600}
details.tech[open] summary{border-bottom:1px solid var(--rule); margin-bottom:.4rem}
.todo{background:#fff3cd; color:#5a4500; border:1px dashed #b8901f;
  padding:.5rem .7rem; font-family:system-ui,sans-serif; font-size:.8rem; margin:.6rem 0}
@media (prefers-color-scheme: dark){ .todo{background:#2a2410; color:#e8cf8a} }

figcaption.lead-cap{color:var(--ink2); font-size:.98rem; line-height:1.55; margin-top:.8rem}