/* Shared Signal — the legal pages, plus install, methodology and disclosures.
   Same tokens as site.css, so these read as part of the product rather than
   something bolted on from a template site.

   Ported to Russell's palette, 5 October 2026 (open item 1). Kept identical to
   the block in site.css on purpose — two copies that drift are how a grade
   colour ends up meaning two things on two pages. */
:root{
  --ground:#FFFFFF; --surface:#fff; --sunk:#F8FAFC;
  --ink:#0F172A; --ink-2:#475569; --ink-3:#64748B;
  --rule:#E2E8F0; --rule-2:#F1F5F9;
  --brand:#0A5CF5; --brand-soft:#EFF5FF; --cyan:#0891B2;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0B1220; --surface:#121C2E; --sunk:#182438;
  --ink:#E7EDF7; --ink-2:#AFBDD2; --ink-3:#8294AE;
  --rule:#27364E; --rule-2:#1E2B40;
  --brand:#8CB6F2; --brand-soft:#16284A; --cyan:#A99BF5;
}}
:root[data-theme="dark"]{
  --ground:#0B1220; --surface:#121C2E; --sunk:#182438;
  --ink:#E7EDF7; --ink-2:#AFBDD2; --ink-3:#8294AE;
  --rule:#27364E; --rule-2:#1E2B40;
  --brand:#8CB6F2; --brand-soft:#16284A; --cyan:#A99BF5;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:44rem;margin:0 auto;padding-inline:20px;padding-bottom:80px}
a{color:var(--brand);text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}
p,li{max-width:40em}
p{margin:0 0 1em}

header.top{display:flex;align-items:center;gap:11px;padding-block:26px 0}
.mark{display:flex;align-items:flex-end;gap:3px;height:24px}
.mark i{display:block;width:3.5px;border-radius:2px;background:var(--brand)}
.mark i.c{background:var(--cyan)}
.word{font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2)}
.back{margin-left:auto;font-size:.8rem;color:var(--ink-3)}

h1{font-family:"Inter",-apple-system,sans-serif;font-weight:700;font-size:clamp(1.9rem,5vw,2.6rem);
  line-height:1.14;letter-spacing:-.018em;margin:38px 0 10px;text-wrap:balance}
.dates{font-size:.8rem;color:var(--ink-3);margin:0 0 6px;font-family:"Inter",sans-serif}
.lede{font-family:"Inter",-apple-system,sans-serif;font-size:1.15rem;line-height:1.55;color:var(--ink-2);
  margin:0 0 6px;padding-bottom:26px;border-bottom:1px solid var(--rule)}
h2{font-family:"Inter",-apple-system,sans-serif;font-weight:700;font-size:1.4rem;line-height:1.25;
  margin:40px 0 12px;letter-spacing:-.01em}
h3{font-size:.95rem;font-weight:600;margin:24px 0 8px}
ul{padding-left:1.1rem;margin:0 0 1em}
li{margin-bottom:.45em}
.box{background:var(--surface);border:1px solid var(--rule);border-radius:12px;
  padding:18px 20px;margin:0 0 1.4em}
.box p:last-child{margin-bottom:0}
.box > b:first-child{display:block;margin-bottom:6px}
.plain{background:var(--sunk);border-radius:10px;padding:14px 18px;margin:0 0 1.4em;
  font-size:.92rem;color:var(--ink-2)}
.plain b{color:var(--ink)}
table{border-collapse:collapse;width:100%;font-size:.9rem;margin:0 0 1.4em}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-weight:600;color:var(--ink-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.tw{overflow-x:auto}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--rule);
  font-size:.85rem;color:var(--ink-3)}
@media (max-width:520px){h1{font-size:1.7rem}}