
:root{
  --bd-field:#f2ede4;--bd-sheet:#fffdf8;--bd-ink:#221c2e;--bd-muted:#6b6577;
  --bd-rule:#e0d8cc;--bd-leg:#2f6f6a;--bd-comb:#c47a1f;--bd-accent:#8c2f39;--bd-accent2:#6d2129;
  --bd-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --bd-radius:12px;
  --bd-face:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bd-field);color:var(--bd-ink);font-family:var(--bd-face);font-size:16px;line-height:1.55}
a{color:var(--bd-accent2)}
h1,h2,h3{line-height:1.2;margin:0 0 .4em}
h1{font-size:1.9rem;letter-spacing:-.012em}
h2{font-size:1.24rem;margin-top:1.6em;padding-bottom:.28em;border-bottom:2px solid var(--bd-rule)}
h3{font-size:1.02rem;margin-top:1.1em}
p{margin:.6em 0}
b,strong{font-weight:650}
code{font-family:var(--bd-mono);font-size:.92em;background:#f7f2ea;border:1px solid var(--bd-rule);border-radius:var(--bd-radius);padding:.05em .3em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--bd-sheet);padding:6px 10px;z-index:20;border:1px solid var(--bd-rule);border-radius:var(--bd-radius)}
.top{background:#2b2333;color:#f4f0ec}
.bar{max-width:1080px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.mark{color:#e0a98d;font-size:.8em}
.status{font-family:var(--bd-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#f0d6a8;border:1px solid #6a5334;border-radius:var(--bd-radius);padding:1px 7px}
.menu{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.menu a{color:#ddd3cc;text-decoration:none;font-size:.86rem;padding:4px 2px;border-bottom:2px solid transparent}
.menu a:hover{color:#fff}
.menu a[aria-current=page]{color:#fff;border-bottom-color:#e0a98d}
.btn{display:inline-block;background:var(--bd-accent);color:#fff;text-decoration:none;font-weight:650;padding:8px 14px;border-radius:var(--bd-radius);font-size:.86rem}
.btn:hover{background:var(--bd-accent2)}
.ghost{display:inline-block;color:var(--bd-accent2);text-decoration:none;border:1px solid var(--bd-rule);background:var(--bd-sheet);border-radius:var(--bd-radius);padding:8px 12px;font-size:.86rem}
.shell{max-width:1080px;margin:0 auto;padding:0 18px 40px}
.page-hero{padding:22px 0 6px}
.crumb-line{font-family:var(--bd-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bd-muted);margin-bottom:10px}
.fig-head{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}
@media(max-width:720px){.fig-head{grid-template-columns:1fr}}
.eyebrow{font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-accent);margin-bottom:6px}
.lede{font-size:1.02rem;color:#3b3346}
.hero-cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.specplate{border:1px solid var(--bd-rule);border-top:4px solid var(--bd-accent);border-radius:var(--bd-radius);background:var(--bd-sheet);padding:12px 14px}
.specplate strong{display:block;font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-muted);margin-bottom:8px}
.specplate dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:.84rem}
.specplate dt{color:var(--bd-muted)}
.specplate dd{margin:0;font-family:var(--bd-mono);text-align:right}
.plate{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 4px}
@media(max-width:720px){.plate{grid-template-columns:1fr}}
.pl{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);background:var(--bd-sheet);padding:10px 12px;font-size:.85rem;box-shadow:inset 0 3px 0 var(--bd-accent)}
.pl b{display:block;font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bd-muted);margin-bottom:4px}
.disc{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--bd-rule);border-radius:var(--bd-radius);background:#f8f3ea;padding:12px 14px;margin:14px 0;font-size:.84rem}
.dir{font-family:var(--bd-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--bd-radius);padding:2px 8px;background:#efe9df;color:var(--bd-muted)}
.dir-money{background:#f3e2e4;color:var(--bd-accent2)}
main{background:var(--bd-sheet);border:1px solid var(--bd-rule);border-radius:var(--bd-radius);padding:18px 20px 26px}
.answer{border:1px solid var(--bd-rule);border-left:4px solid var(--bd-comb);border-radius:var(--bd-radius);background:#fdf6e8;padding:12px 14px;margin:4px 0 14px}
.answer b{font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8a5410;display:block;margin-bottom:4px}
.answer p{margin:0}
.note{border-left:3px solid var(--bd-accent);border-radius:0 var(--bd-radius) var(--bd-radius) 0;background:#f8eff0;padding:10px 12px;font-size:.82rem;color:#3b3346;margin:14px 0}
.calc{border:1px solid #2b2333;border-radius:var(--bd-radius);background:#241d2b;color:#e3dce6;font-family:var(--bd-mono);font-size:.78rem;line-height:1.7;padding:12px 14px;margin:14px 0;white-space:pre-wrap;overflow-x:auto}
.calc b{color:#fff}
.calc .res{color:#f0c686;font-weight:700}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.84rem}
caption{caption-side:top;text-align:left;font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bd-muted);padding-bottom:6px}
th,td{border:1px solid var(--bd-rule);padding:6px 9px;text-align:left;vertical-align:top}
thead th{background:#f8f3ea;font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#3b3346}
tfoot td{background:#f8eff0;font-weight:650}
td.num,th.num{text-align:right;font-family:var(--bd-mono)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.card{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);background:var(--bd-sheet);padding:12px 13px;border-top:3px solid var(--bd-accent)}
.card-top{font-family:var(--bd-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bd-accent);margin-bottom:4px}
.card p{margin:.3em 0;font-size:.84rem}
.card-spec{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:8px 0 0;font-size:.78rem}
.card-spec dt{color:var(--bd-muted)}
.card-spec dd{margin:0;font-family:var(--bd-mono);text-align:right}
.checks ul{margin:.4em 0;padding-left:1.2em}
.checks li{margin:.25em 0;font-size:.88rem}
.steps ol{margin:.4em 0;padding-left:1.3em}
.steps li{margin:.3em 0;font-size:.88rem}
.tallies{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
.tally{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);background:var(--bd-sheet);padding:10px;border-bottom:3px solid var(--bd-accent)}
.t-num{font-family:var(--bd-mono);font-size:1.28rem;font-weight:700;display:block}
.t-lab{font-size:.76rem;color:var(--bd-muted)}
.entries{display:grid;gap:8px;margin:12px 0}
.entry{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);padding:9px 11px;font-size:.85rem;background:var(--bd-sheet)}
.myths{display:grid;gap:10px;margin:12px 0}
.myth{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);padding:10px 12px;background:var(--bd-sheet)}
.myth p{margin:.35em 0;font-size:.87rem}
.verdict{font-family:var(--bd-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--bd-radius);padding:2px 8px;display:inline-block}
.verdict.false{background:#f7e3e2;color:#8d2b21}
.verdict.partly{background:#f8efd6;color:#77590a}
.verdict.true{background:#e3f1ee;color:#1d4f4b}
.qstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.qcell{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);padding:9px 11px;font-size:.84rem;background:var(--bd-sheet);border-left:3px solid var(--bd-accent)}
.faq .qa{display:grid;grid-template-columns:auto 1fr;gap:10px;border-top:1px solid var(--bd-rule);padding:10px 0}
.faq .qa:first-of-type{border-top:0}
.ref{font-family:var(--bd-mono);font-size:.72rem;color:var(--bd-muted)}
.navlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0}
.navlink{display:block;border:1px solid var(--bd-rule);border-radius:var(--bd-radius);padding:10px 12px;text-decoration:none;background:var(--bd-sheet)}
.navlink b{display:block;color:var(--bd-accent2)}
.navlink span{font-size:.8rem;color:var(--bd-muted)}
.footer{max-width:1080px;margin:0 auto;padding:24px 18px 40px;font-size:.82rem;color:#3b3346}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}
@media(max-width:720px){.foot-grid{grid-template-columns:1fr}}
.foot-grid strong{display:block;font-family:var(--bd-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bd-muted);margin-bottom:6px}
.foot-grid a{display:block;text-decoration:none;color:var(--bd-accent2);padding:1px 0}
.fine{margin-top:18px;font-size:.76rem;color:var(--bd-muted);border-top:2px solid var(--bd-rule);padding-top:12px}

/* Signature component 1 - the leg stack. Three legs of one match, then the two answers a combination
   can be given: the product of the legs in teal and the composed price in amber, drawn on one axis so
   the gap between them is visible before any number is read. The gap is the desk's whole subject. */
.legstack{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);background:var(--bd-sheet);padding:16px 18px 12px;margin:16px 0}
.ls-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ls-head b{font-size:.94rem}
.ls-head span{font-family:var(--bd-mono);font-size:.72rem;color:var(--bd-muted)}
.ls-leg{display:grid;grid-template-columns:64px 1fr 70px 74px;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--bd-rule);font-size:.82rem}
.ls-role{font-family:var(--bd-mono);font-size:.72rem;text-transform:uppercase;color:var(--bd-muted)}
.ls-what{color:#3b3346}
.ls-price,.ls-chance{font-family:var(--bd-mono);text-align:right}
.ls-chance{color:var(--bd-muted)}
.ls-split{margin-top:12px;border-top:2px solid var(--bd-rule);padding-top:10px}
.ls-row{display:grid;grid-template-columns:1fr 74px 1.1fr;gap:10px;align-items:center;padding:5px 0;font-size:.84rem}
.ls-lab{font-weight:600}
.ls-val{font-family:var(--bd-mono);text-align:right;font-weight:700}
.ls-bar{height:14px;background:#f1ece2;border-radius:var(--bd-radius);overflow:hidden}
.ls-bar u{display:block;height:14px;text-decoration:none}
.ls-row.ls-naive u{background:var(--bd-leg)}
.ls-row.ls-composed u{background:var(--bd-comb)}
.ls-gap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.84rem;padding:9px 0 0;border-top:1px solid var(--bd-rule)}
.ls-implied{font-family:var(--bd-mono);font-size:.76rem;color:var(--bd-muted)}
.ls-foot{font-size:.8rem;color:#3b3346;margin:10px 0 0}
.ls-note{font-family:var(--bd-mono);font-size:.72rem;color:var(--bd-muted);margin:6px 0 0}

/* Signature component 2 - the request rail. One month of requests for a market that did not exist,
   as five endings, each with its count and its share of the queue. It is drawn so that the largest
   single outcome - a request that produced no price at all - is visible before the numbers are read. */
.requestrail{border:1px solid var(--bd-rule);border-radius:var(--bd-radius);background:var(--bd-sheet);padding:14px 16px;margin:16px 0}
.rq-head{display:grid;grid-template-columns:1.3fr 90px 1.4fr 70px;gap:10px;font-family:var(--bd-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--bd-muted);padding-bottom:5px}
.rq-row{display:grid;grid-template-columns:1.3fr 90px 1.4fr 70px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--bd-rule);font-size:.84rem}
.rq-lab{font-weight:600}
.rq-num,.rq-pct{font-family:var(--bd-mono);text-align:right}
.rq-pct{color:var(--bd-muted)}
.rq-bar{height:13px;background:#f1ece2;border-radius:var(--bd-radius);overflow:hidden}
.rq-bar u{display:block;height:13px;text-decoration:none;background:var(--bd-leg)}
.rq-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.84rem;padding:9px 0 0;border-top:1px solid var(--bd-rule)}
.rq-cost{font-family:var(--bd-mono);font-size:.76rem;color:var(--bd-muted)}
.rq-note{font-family:var(--bd-mono);font-size:.72rem;color:var(--bd-muted);margin:6px 0 0}
