:root{
  --oc-field:#eceff3;--oc-sheet:#ffffff;--oc-ink:#131820;--oc-muted:#68727e;
  --oc-rule:#d5dae1;--oc-yes:#0e8f5f;--oc-no:#c8402f;--oc-quote:#2557b8;--oc-quote2:#1b4187;
  --oc-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --oc-radius:7px;
  --oc-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(--oc-field);color:var(--oc-ink);font-family:var(--oc-face);font-size:16px;line-height:1.55}
a{color:var(--oc-quote2)}
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(--oc-rule)}
h3{font-size:1.02rem;margin-top:1.1em}
p{margin:.6em 0}
b,strong{font-weight:650}
code{font-family:var(--oc-mono);font-size:.92em;background:#eef1f4;border:1px solid var(--oc-rule);border-radius:var(--oc-radius);padding:.05em .3em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--oc-sheet);padding:6px 10px;z-index:20;border:1px solid var(--oc-rule);border-radius:var(--oc-radius)}
.top{background:#101720;color:#eef2f6}
.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:#7fd6ad;font-size:.8em}
.status{font-family:var(--oc-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#9fd9bd;border:1px solid #2f5443;border-radius:var(--oc-radius);padding:1px 7px}
.menu{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.menu a{color:#c8d3de;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:#7fd6ad}
.btn{display:inline-block;background:var(--oc-quote);color:#fff;text-decoration:none;font-weight:650;padding:8px 14px;border-radius:var(--oc-radius);font-size:.86rem}
.btn:hover{background:var(--oc-quote2)}
.ghost{display:inline-block;color:var(--oc-quote2);text-decoration:none;border:1px solid var(--oc-rule);background:var(--oc-sheet);border-radius:var(--oc-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(--oc-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--oc-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(--oc-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-quote);margin-bottom:6px}
.lede{font-size:1.02rem;color:#313b45}
.hero-cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.specplate{border:1px solid var(--oc-rule);border-top:4px solid var(--oc-quote);border-radius:var(--oc-radius);background:var(--oc-sheet);padding:12px 14px}
.specplate strong{display:block;font-family:var(--oc-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oc-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(--oc-muted)}
.specplate dd{margin:0;font-family:var(--oc-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(--oc-rule);border-radius:var(--oc-radius);background:var(--oc-sheet);padding:10px 12px;font-size:.85rem;box-shadow:inset 0 3px 0 var(--oc-quote)}
.pl b{display:block;font-family:var(--oc-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oc-muted);margin-bottom:4px}
.disc{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--oc-rule);border-radius:var(--oc-radius);background:#f2f4f7;padding:12px 14px;margin:14px 0;font-size:.84rem}
.dir{font-family:var(--oc-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--oc-radius);padding:2px 8px;background:#eceff3;color:var(--oc-muted)}
.dir-money{background:#dde6f6;color:var(--oc-quote2)}
main{background:var(--oc-sheet);border:1px solid var(--oc-rule);border-radius:var(--oc-radius);padding:18px 20px 26px}
.answer{border:1px solid var(--oc-rule);border-left:4px solid var(--oc-yes);border-radius:var(--oc-radius);background:#f0f9f4;padding:12px 14px;margin:4px 0 14px}
.answer b{font-family:var(--oc-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oc-yes);display:block;margin-bottom:4px}
.answer p{margin:0}
.note{border-left:3px solid var(--oc-quote);border-radius:0 var(--oc-radius) var(--oc-radius) 0;background:#eef3fb;padding:10px 12px;font-size:.82rem;color:#313b45;margin:14px 0}
.calc{border:1px solid #1c2733;border-radius:var(--oc-radius);background:#111a22;color:#d3dde6;font-family:var(--oc-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:#8fe0b8;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(--oc-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--oc-muted);padding-bottom:6px}
th,td{border:1px solid var(--oc-rule);padding:6px 9px;text-align:left;vertical-align:top}
thead th{background:#eceff3;font-family:var(--oc-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#313b45}
tfoot td{background:#eef3fb;font-weight:650}
td.num,th.num{text-align:right;font-family:var(--oc-mono)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.card{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);background:var(--oc-sheet);padding:12px 13px;border-top:3px solid var(--oc-quote)}
.card-top{font-family:var(--oc-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oc-quote);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(--oc-muted)}
.card-spec dd{margin:0;font-family:var(--oc-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(--oc-rule);border-radius:var(--oc-radius);background:var(--oc-sheet);padding:10px;border-bottom:3px solid var(--oc-quote)}
.t-num{font-family:var(--oc-mono);font-size:1.28rem;font-weight:700;display:block}
.t-lab{font-size:.76rem;color:var(--oc-muted)}
.entries{display:grid;gap:8px;margin:12px 0}
.entry{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);padding:9px 11px;font-size:.85rem;background:var(--oc-sheet)}
.myths{display:grid;gap:10px;margin:12px 0}
.myth{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);padding:10px 12px;background:var(--oc-sheet)}
.myth p{margin:.35em 0;font-size:.87rem}
.verdict{font-family:var(--oc-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--oc-radius);padding:2px 8px;display:inline-block}
.verdict.false{background:#fbe9e7;color:#8f2b22}
.verdict.partly{background:#faf1d9;color:#7a5c04}
.verdict.true{background:#e6f5ec;color:#13603c}
.qstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.qcell{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);padding:9px 11px;font-size:.84rem;background:var(--oc-sheet);border-left:3px solid var(--oc-quote)}
.faq .qa{display:grid;grid-template-columns:auto 1fr;gap:10px;border-top:1px solid var(--oc-rule);padding:10px 0}
.faq .qa:first-of-type{border-top:0}
.ref{font-family:var(--oc-mono);font-size:.72rem;color:var(--oc-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(--oc-rule);border-radius:var(--oc-radius);padding:10px 12px;text-decoration:none;background:var(--oc-sheet)}
.navlink b{display:block;color:var(--oc-quote2)}
.navlink span{font-size:.8rem;color:var(--oc-muted)}
.footer{max-width:1080px;margin:0 auto;padding:24px 18px 40px;font-size:.82rem;color:#313b45}
.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(--oc-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oc-muted);margin-bottom:6px}
.foot-grid a{display:block;text-decoration:none;color:var(--oc-quote2);padding:1px 0}
.fine{margin-top:18px;font-size:.76rem;color:var(--oc-muted);border-top:2px solid var(--oc-rule);padding-top:12px}

/* Signature component 1 - the contract board. One contract drawn as a 0-100 price scale: the yes
   marker sits at its traded price, and the same bar shows what the price buys at resolution (a fixed
   1.00 payout) and what the position puts at risk if it resolves no. The whole product class in one
   bar: a price that is also a probability, and a loss bounded by the price paid. */
.contractboard{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);background:var(--oc-sheet);padding:16px 18px 12px;margin:16px 0}
.cb-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.cb-q{font-weight:650;font-size:.94rem}
.cb-refno{font-family:var(--oc-mono);font-size:.72rem;color:var(--oc-muted)}
.cb-scale{position:relative;height:34px;background:linear-gradient(90deg,var(--oc-no) 0%,#e7ebef 50%,var(--oc-yes) 100%);border-radius:var(--oc-radius);margin:16px 0 6px}
.cb-marker{position:absolute;top:-9px;width:3px;height:52px;background:var(--oc-ink);border-radius:2px}
.cb-marker span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-family:var(--oc-mono);font-size:.7rem;background:var(--oc-ink);color:#fff;border-radius:4px;padding:1px 6px;white-space:nowrap}
.cb-ends{display:flex;justify-content:space-between;font-family:var(--oc-mono);font-size:.72rem;color:var(--oc-muted)}
.cb-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 4px}
@media(max-width:720px){.cb-foot{grid-template-columns:1fr}}
.cb-cell{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);padding:8px 10px;font-size:.82rem}
.cb-cell b{display:block;font-family:var(--oc-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--oc-muted);margin-bottom:3px}
.cb-cell.yes{box-shadow:inset 3px 0 0 var(--oc-yes)}
.cb-cell.no{box-shadow:inset 3px 0 0 var(--oc-no)}
.cb-note{font-family:var(--oc-mono);font-size:.72rem;color:var(--oc-muted);margin:8px 0 0}

/* Signature component 2 - the resolution grid. The five fields a contract must fix before it can
   trade: the question, the source that settles it, the clock that closes it, the amount it pays and
   the rule for a tie or a cancellation. A contract missing any one of them is not a contract. */
.resolutiongrid{border:1px solid var(--oc-rule);border-radius:var(--oc-radius);background:var(--oc-sheet);padding:14px 16px;margin:16px 0}
.rg-head{display:grid;grid-template-columns:1.2fr 2fr .9fr;gap:10px;font-family:var(--oc-mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--oc-muted);padding-bottom:5px}
.rg-row{display:grid;grid-template-columns:1.2fr 2fr .9fr;gap:10px;align-items:start;padding:7px 0;border-top:1px solid var(--oc-rule);font-size:.82rem}
.rg-field{font-weight:600}
.rg-val{color:#313b45}
.rg-state{font-family:var(--oc-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:1px 6px;justify-self:start}
.rg-fixed{background:#e6f5ec;color:#13603c}
.rg-open{background:#faf1d9;color:#7a5c04}
.rg-foot{font-size:.8rem;color:#313b45;margin:12px 0 0}
.rg-note{font-family:var(--oc-mono);font-size:.72rem;color:var(--oc-muted);margin:6px 0 0}