/* Shared by the legal pages and the trick pages: calm, readable pages in the site's own tokens. */
:root{
  --night:#0C1A26; --night-ink:#E8EEF2; --night-muted:#A3B4C1; --night-accent:#9FD6CF;
  --paper:#FFFFFF; --mist:#EEF2F4; --ink:#13212E; --ink-soft:#2E3D4A; --muted:#56646F; --line:#D3DBE1;
  --accent:#0B6E69; --mark:#FFF1C2; --mark-ink:#5C3A06; --focus:#0B6E69;
  --display:"Instrument Sans","Atkinson Hyperlegible Next",system-ui,sans-serif;
  --text:"Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --night:#08131C; --paper:#0F1B25; --mist:#0B1620; --ink:#E6ECF1; --ink-soft:#C7D1D9; --muted:#9BACB9; --line:#243848;
  --accent:#86D0C7; --mark:#4A3A12; --mark-ink:#F6DFC2; --focus:#9FD6CF; color-scheme:dark;
}}
:root[data-theme="dark"]{
  --night:#08131C; --paper:#0F1B25; --mist:#0B1620; --ink:#E6ECF1; --ink-soft:#C7D1D9; --muted:#9BACB9; --line:#243848;
  --accent:#86D0C7; --mark:#4A3A12; --mark-ink:#F6DFC2; --focus:#9FD6CF; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:24px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--accent);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
p,h1,h2,h3,ul,ol,dl,dd,table{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:760px){.wrap{padding-left:40px;padding-right:40px}}

.top{background:var(--night);color:var(--night-ink)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
.brand{display:inline-flex;align-items:center;gap:10px;font:640 20px/1 var(--display);font-stretch:92%;letter-spacing:-.012em;color:var(--night-ink);text-decoration:none}
.brand svg{width:30px;height:30px}
.top nav{display:flex;gap:22px;font-size:16px}
.top nav a{color:var(--night-muted);text-decoration:none}
.top nav a:hover,.top nav a[aria-current="page"]{color:var(--night-ink)}
.top :focus-visible{outline-color:var(--night-accent)}
@media (max-width:560px){.top nav a.back{display:none}}

.head{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(28px,4vw,48px)}
.head h1{font:600 clamp(40px,5.2vw,68px)/1.02 var(--display);font-stretch:86%;letter-spacing:-.026em;text-wrap:balance}
.meta{margin-top:18px;font-size:16px;color:var(--muted)}
.draft{margin-top:14px;display:inline-block;padding:8px 14px;border-radius:999px;background:var(--mark);color:var(--mark-ink);font-size:15px;font-weight:700}

.layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:clamp(32px,5vw,80px);padding-bottom:clamp(72px,9vw,128px)}
.toc{position:sticky;top:24px;align-self:start;font-size:15.5px;line-height:1.4}
.toc b{display:block;font-size:14px;color:var(--muted);margin-bottom:10px}
.toc ol{list-style:none;padding:0;display:grid;gap:8px}
.toc a{color:var(--ink-soft);text-decoration:none}
.toc a:hover{color:var(--accent);text-decoration:underline}
.toc-m{display:none}
@media (max-width:899px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .toc-m{display:block;border-radius:16px;background:var(--mist);padding:14px 18px}
  .toc-m summary{cursor:pointer;font-weight:700}
  .toc-m ol{margin-top:12px;padding-left:20px;display:grid;gap:8px;font-size:16px}
}

.doc{max-width:72ch}
.short{border-radius:22px;background:var(--mist);padding:clamp(20px,2.6vw,30px)}
.short h2{font:700 19px/1.3 var(--text);letter-spacing:0;margin:0}
.short ul{margin-top:12px;padding-left:22px;display:grid;gap:8px;font-size:17px;color:var(--ink-soft)}
.doc section{padding-top:clamp(36px,4vw,52px)}
.doc h2{font:600 clamp(25px,2.3vw,31px)/1.15 var(--display);font-stretch:90%;letter-spacing:-.014em;text-wrap:balance}
.doc h3{margin-top:22px;font-size:18px;line-height:1.35}
.doc p{margin-top:14px;color:var(--ink-soft)}
.doc ul{margin-top:12px;padding-left:22px;display:grid;gap:8px;color:var(--ink-soft)}
.doc strong{color:var(--ink)}
.cl{list-style:none;margin-top:14px;padding:0;display:grid;gap:12px;counter-reset:cl;color:var(--ink-soft)}
.cl>li{counter-increment:cl;display:grid;grid-template-columns:3.1em minmax(0,1fr);column-gap:6px}
.cl>li::before{content:var(--a) "." counter(cl);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.cl>li>ul{grid-column:2;margin-top:8px}
.note{margin-top:16px;padding:14px 18px;border-left:4px solid var(--accent);background:var(--mist);border-radius:0 12px 12px 0;color:var(--ink)}
.article{padding-bottom:clamp(72px,9vw,128px)}
.article .doc{margin:0 auto 0 0}
.bubble{margin:28px 0 0;max-width:34em}
.bubble figcaption{font-size:15px;color:var(--muted);margin-bottom:8px}
.bubble p{margin:0;padding:14px 18px;border-radius:4px 20px 20px 20px;background:var(--mist);color:var(--ink);font-size:17px;line-height:1.5;border:1px solid var(--line)}
.cta{margin-top:clamp(36px,4vw,52px);padding:clamp(22px,3vw,32px)!important;border-radius:22px;background:var(--night);color:var(--night-ink)}
.cta h2{color:var(--night-ink)}
.doc .cta p{color:var(--night-ink)}
.doc .cta p.small{font-size:15.5px;color:var(--night-muted)}
.btn{display:inline-block;margin-top:4px;padding:13px 22px;border-radius:999px;background:var(--night-accent);color:#0C1A26;font-weight:700;text-decoration:none}
.btn:hover{filter:brightness(1.06)}
.cta :focus-visible{outline-color:var(--night-accent)}
.srcs ul{font-size:16px}
.ph{background:var(--mark);color:var(--mark-ink);padding:0 4px;border-radius:4px;font-weight:700}

.tbl{margin-top:16px;overflow-x:auto;border-top:2px solid var(--ink)}
table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45}
th{text-align:left;font-weight:700;padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:bottom;color:var(--ink)}
td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-soft)}
td:first-child{color:var(--ink);font-weight:700;min-width:9em}
@media (max-width:640px){
  .tbl{border-top:0;overflow:visible}
  table,tbody,tr,td{display:block;width:100%}
  thead{display:none}
  tr{padding:14px 0;border-top:1px solid var(--line)}
  tr:first-child{border-top:2px solid var(--ink)}
  td{border:0;padding:3px 0}
  td[data-l]::before{content:attr(data-l) ": ";font-weight:700;color:var(--ink)}
  td:first-child::before{content:none}
}

.foot{background:var(--night);color:var(--night-muted);padding:40px 0;font-size:15px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.foot a{color:var(--night-ink)}
.foot :focus-visible{outline-color:var(--night-accent)}

@media print{
  .top,.toc,.toc-m,.foot{display:none}
  body{font-size:11pt;color:#000;background:#fff}
  .layout{display:block}
  .doc{max-width:none}
  .short,.note{background:none;border:1px solid #999}
  a{color:#000}
}