/* Guides: reading layout (about 720px) on the shared site design. Tokens come from site.css, so light and dark follow it. */
.guides .reading{display:block}
.guide{max-width:720px;margin:0 auto;padding:clamp(36px,6vw,72px) 20px clamp(56px,8vw,96px)}
.guide .crumbs{margin-bottom:18px;font-size:14px}
.guide .crumbs a{color:var(--ink-2);text-underline-offset:3px}
.guide h1{margin:14px 0 26px;font-size:clamp(32px,5.2vw,50px);line-height:1.04;letter-spacing:-.035em;font-weight:500;text-wrap:balance}
.guide h2{margin:44px 0 14px;font-size:clamp(22px,2.6vw,28px);line-height:1.15;letter-spacing:-.025em;font-weight:500;text-wrap:balance}
.guide h3{margin:0 0 6px;font-size:17px;line-height:1.3;letter-spacing:-.015em;font-weight:550}
.guide p,.guide li{font-size:17px;line-height:1.65;color:var(--ink-2)}
.guide p{margin:0 0 16px}
.guide ol,.guide ul{margin:0 0 20px;padding-left:24px}
.guide li{margin:0 0 10px}
.guide li::marker{color:var(--muted-2)}
.guide b{color:var(--ink);font-weight:550}
.guide a{color:var(--accent-ink);text-underline-offset:3px}
.guide code{font-family:var(--mono);font-size:.88em;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:var(--sunken);color:var(--ink);word-break:break-word}
.guide .prose>h2:first-child{margin-top:36px}
.guide .short{margin:0 0 8px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--sunken)}
.guide .short h2{margin:0 0 8px;font:400 12.5px/1.4 var(--mono);letter-spacing:0;color:var(--accent-ink);text-transform:none}
.guide .short p{margin:0;font-size:18px;line-height:1.55;color:var(--ink)}
.guide .mine{margin:48px 0 0;padding:22px 24px;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--surface)}
.guide .mine h2{margin-top:0}
.guide .mine .disc{display:inline-block;margin:0 0 14px;padding:4px 12px;border:1px solid var(--line);border-radius:var(--r-pill);font:400 12.5px/1.5 var(--mono);color:var(--muted-2)}
.guide .mine p:last-child{margin-bottom:0}
.guide .faq .q{padding:18px 0;border-top:1px solid var(--line)}
.guide .faq .q:last-child{border-bottom:1px solid var(--line)}
.guide .faq .q p{margin:0}
.guide .cta-soft{margin:48px 0 0;padding:28px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--accent-soft)}
.guide .cta-soft h2{margin-top:0}
.guide .cta-soft p:last-child{margin-bottom:0}
.guide .cta-soft .btn{color:var(--on-ink);text-decoration:none}
.guide .related ul,.guide .cards{list-style:none;padding:0;margin:0}
.guide .related li{margin:0}
.guide .related a,.guide .cards a{display:flex;gap:16px;padding:16px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .15s}
.guide .related a{flex-direction:column;gap:4px}
.guide .related li:last-child a,.guide .cards li:last-child a{border-bottom:1px solid var(--line)}
.guide .related a:hover,.guide .cards a:hover{background:var(--sunken)}
.guide .related a b,.guide .cards b{font-weight:550;color:var(--ink)}
.guide .related a span,.guide .cards .t span{display:block;font-size:15px;line-height:1.5;color:var(--ink-2)}
.guide .cards .n{flex:none;width:28px;font:400 13px/1.9 var(--mono);color:var(--muted-2)}
.guide .cards .t b{display:block;font-size:19px;line-height:1.3;letter-spacing:-.015em;margin-bottom:4px}
.guide .src{margin-top:40px}
.guide .src h2{font-size:18px;margin:0 0 10px}
.guide .src li{font-size:15px}
.guide .src span{color:var(--muted-2)}
.guide.idx .lead{margin-bottom:28px;max-width:none}
.guide .btn.lg{font-size:16px}
@media (max-width:640px){
  .guide{padding-left:16px;padding-right:16px}
  .guide p,.guide li{font-size:16.5px}
  .guide .short{padding:16px 16px}
  .guide .mine,.guide .cta-soft{padding:20px 16px}
}
.guide .label{display:block}
/* Data pages (/data): tables, charts, caveats and citation blocks on the same reading layout. */
.guide .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.guide .tbl{margin:0 0 18px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
.guide table{width:100%;border-collapse:collapse;font-size:15px}
.guide th,.guide td{padding:11px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line);color:var(--ink-2);font-weight:400;line-height:1.45}
.guide thead th{border-top:0;font:400 12.5px/1.4 var(--mono);color:var(--muted-2);white-space:nowrap}
.guide tbody th{color:var(--ink)}
.guide .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.guide td.num b{color:var(--ink);font-weight:550}
.guide .av{display:block;font-size:13px;color:var(--muted-2)}
.guide table a{color:var(--accent-ink)}
.guide .chart{display:block;width:100%;height:auto;margin:6px 0 18px}
.guide figure{margin:0 0 26px}
.guide figure h3{margin-bottom:2px}
.ch-t{fill:var(--ink);font:14px var(--sans)}
.ch-m{fill:var(--muted-2);font:12px var(--sans)}
.ch-v{fill:var(--ink);font:600 15px var(--sans)}
.ch-track{fill:var(--sunken)}
.ch-bar{fill:var(--accent)}
.guide .find{margin:0;padding-left:20px}
.guide .find li{font-size:17px;color:var(--ink)}
.guide .sample{margin:16px 0 8px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--r-card) var(--r-card) 0;color:var(--ink)}
.guide .caveat{margin:32px 0 0;padding:20px 22px;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--sunken)}
.guide .caveat h2{margin:0 0 10px;font-size:20px}
.guide .caveat li{font-size:16px}
.guide .caveat ul{margin-bottom:0}
.guide .check{list-style:none;padding-left:0}
.guide .check li{position:relative;padding-left:32px}
.guide .check li::before{content:'';position:absolute;left:2px;top:.32em;width:16px;height:16px;border:1.5px solid var(--muted-2);border-radius:4px}
.guide .cite{margin:40px 0 0;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-card)}
.guide .cite h2{margin-top:0;font-size:20px}
.guide .citation{padding:12px 14px;border-radius:8px;background:var(--sunken);font:400 14px/1.55 var(--mono);color:var(--ink);word-break:break-word}
.guide .lead{font-size:19px;line-height:1.55;color:var(--ink-2)}
@media (max-width:640px){
  .guide th,.guide td{padding:9px 10px;font-size:14px}
  .guide .caveat,.guide .cite{padding:16px 16px}
}