
:root{
  --slate:#eef1f2;--screen:#ffffff;--ink:#14181c;--dim:#5b6670;--wire:#c9d2d6;
  --signal:#1b5cff;--air:#0f7b46;--block:#b23b2e;--link:#1442c0;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --radius:3px;
  --sans: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(--slate);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
a{color:var(--link)}
h1,h2,h3{line-height:1.2;margin:0 0 .4em}
h1{font-size:1.9rem;letter-spacing:-.01em}
h2{font-size:1.25rem;margin-top:1.6em;border-bottom:1px solid var(--wire);padding-bottom:.25em}
h3{font-size:1.03rem;margin-top:1.1em}
p{margin:.6em 0}
b,strong{font-weight:650}
code{font-family:var(--mono);font-size:.92em;background:#e4e8ea;border:1px solid var(--wire);border-radius:var(--radius);padding:.05em .3em}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:var(--screen);padding:6px 10px;z-index:20;border:1px solid var(--wire);border-radius:var(--radius)}
.top{background:#12171b;color:#eef1f2}
.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:var(--signal);font-size:.8em}
.status{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8fd9b6;border:1px solid #2c6a58;border-radius:var(--radius);padding:1px 7px}
.menu{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}
.menu a{color:#cdd5da;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:var(--signal)}
.btn{display:inline-block;background:var(--signal);color:#fff;text-decoration:none;font-weight:650;padding:8px 14px;border-radius:var(--radius);font-size:.86rem}
.btn:hover{background:#1549d6}
.ghost{display:inline-block;color:var(--link);text-decoration:none;border:1px solid var(--wire);background:var(--screen);border-radius:var(--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(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);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(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:6px}
.lede{font-size:1.02rem;color:#2b3339}
.hero-cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.specplate{border:1px solid var(--wire);border-radius:var(--radius);background:var(--screen);padding:12px 14px}
.specplate strong{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.specplate dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:.84rem}
.specplate dt{color:var(--dim)}
.specplate dd{margin:0;font-family:var(--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(--wire);border-left:3px solid var(--signal);border-radius:var(--radius);background:var(--screen);padding:10px 12px;font-size:.85rem}
.pl b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.disc{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;border:1px solid var(--wire);border-radius:var(--radius);background:#f7f9fa;padding:12px 14px;margin:14px 0;font-size:.84rem}
.dir{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);padding:2px 8px;background:#e4e8ea;color:var(--dim)}
.dir-money{background:#e6ecff;color:#1442c0}
main{background:var(--screen);border:1px solid var(--wire);border-radius:var(--radius);padding:18px 20px 26px}
.answer{border:1px solid var(--wire);border-left:3px solid var(--air);border-radius:var(--radius);background:#f6faf8;padding:12px 14px;margin:4px 0 14px}
.answer b{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--air);display:block;margin-bottom:4px}
.answer p{margin:0}
.note{border:1px dashed var(--wire);border-radius:var(--radius);background:#fbfcfc;padding:10px 12px;font-size:.82rem;color:#39424a;margin:14px 0}
.calc{border:1px solid var(--wire);border-top:3px solid var(--signal);border-radius:var(--radius);background:#0f1418;color:#d7e2ea;font-family:var(--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:#8fd9b6;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(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding-bottom:6px}
th,td{border:1px solid var(--wire);padding:6px 9px;text-align:left;vertical-align:top}
thead th{background:#f1f4f5;font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#39424a}
tfoot td{background:#f7f9fa;font-weight:650}
td.num,th.num{text-align:right;font-family:var(--mono)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}
.card{border:1px solid var(--wire);border-radius:var(--radius);background:var(--screen);padding:12px 13px}
.card-top{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--signal);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(--dim)}
.card-spec dd{margin:0;font-family:var(--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(--wire);border-radius:var(--radius);background:var(--screen);padding:10px}
.t-num{font-family:var(--mono);font-size:1.3rem;font-weight:700;display:block}
.t-lab{font-size:.76rem;color:var(--dim)}
.entries{display:grid;gap:8px;margin:12px 0}
.entry{border:1px solid var(--wire);border-radius:var(--radius);padding:9px 11px;font-size:.85rem;background:var(--screen)}
.myths{display:grid;gap:10px;margin:12px 0}
.myth{border:1px solid var(--wire);border-radius:var(--radius);padding:10px 12px;background:var(--screen)}
.myth p{margin:.35em 0;font-size:.87rem}
.verdict{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);padding:2px 8px;display:inline-block}
.verdict.false{background:#fdecea;color:#8e2f24}
.verdict.partly{background:#fdf4e3;color:#8a5a00}
.verdict.true{background:#e8f6ee;color:#0f6b3e}
.qstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.qcell{border:1px solid var(--wire);border-left:3px solid var(--signal);border-radius:var(--radius);padding:9px 11px;font-size:.84rem;background:var(--screen)}
.faq .qa{display:grid;grid-template-columns:auto 1fr;gap:10px;border-top:1px solid var(--wire);padding:10px 0}
.faq .qa:first-of-type{border-top:0}
.ref{font-family:var(--mono);font-size:.72rem;color:var(--dim)}
.navlinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0}
.navlink{display:block;border:1px solid var(--wire);border-radius:var(--radius);padding:10px 12px;text-decoration:none;background:var(--screen)}
.navlink b{display:block;color:var(--link)}
.navlink span{font-size:.8rem;color:var(--dim)}
.footer{max-width:1080px;margin:0 auto;padding:24px 18px 40px;font-size:.82rem;color:#39424a}
.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(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.foot-grid a{display:block;text-decoration:none;color:var(--link);padding:1px 0}
.fine{margin-top:18px;font-size:.76rem;color:var(--dim);border-top:1px solid var(--wire);padding-top:12px}

/* Signature component 1 - the delay rail. The event, the price, the picture and the reader on one
   axis in seconds, with the band between the event and the picture drawn open because it is the part
   the reader cannot see through. */
.delayrail{border:1px solid var(--wire);border-radius:var(--radius);background:var(--screen);padding:16px 18px 12px;margin:16px 0}
.dl-axis{position:relative;height:46px;margin:10px 0 6px}
.dl-axis:before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:var(--wire)}
.dl-gap{position:absolute;top:14px;height:18px;background:#e6ecff;border-left:1px solid var(--signal);border-right:1px solid var(--signal)}
.dl-mark{position:absolute;top:16px;width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translateX(-7px)}
.dl-mark.price{background:var(--signal)}
.dl-mark.picture{background:var(--air)}
.dl-mark.reader{background:var(--block)}
.dl-tag{position:absolute;top:-4px;transform:translateX(-50%);font-family:var(--mono);font-size:.68rem;line-height:1.2;text-align:center;white-space:nowrap}
.dl-tag b{display:block;font-weight:700}
.dl-tag span{color:var(--dim)}
.dl-note{font-size:.8rem;color:#39424a;margin:22px 0 0}

/* Signature component 2 - the rights matrix. Eight events against five territories: forty cells,
   cleared or blacked, with the blackout concentration in one band of the grid. */
.rightsmatrix{border:1px solid var(--wire);border-radius:var(--radius);background:var(--screen);padding:14px 16px;margin:16px 0}
.rm-row{display:grid;grid-template-columns:1.7fr repeat(5,1fr);gap:4px;align-items:center}
.rm-row+.rm-row{margin-top:4px}
.rm-event{font-size:.78rem}
.rm-head{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-align:center}
.rm-cell{font-family:var(--mono);font-size:.64rem;text-align:center;border-radius:var(--radius);padding:4px 0}
.rm-yes{background:#e8f6ee;color:#0f6b3e}
.rm-no{background:#fdecea;color:#8e2f24}
.rm-foot{font-size:.8rem;color:#39424a;margin:12px 0 0}
