/* ===== Site chrome + guide pages (added Oct 2026) ===== */
.btn,.chip,.fact,.answer .tag,.callout::before,.eta-banner .pill,.powered{border-radius:10px}
.nav a[aria-current="page"]{background:var(--sky)}
.mobile-nav h5{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:14px 6px 2px}
.mobile-nav h5:first-child{margin-top:4px}
@media (max-width:1120px){.nav{display:none}.burger{display:flex}}
/* breadcrumbs */
.crumbs{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;margin:0 0 18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--ink-soft)}
.crumbs a{color:var(--blue-deep)}
.crumbs [aria-current]{color:var(--ink-soft)}
/* guide hero */
.ghero{background:radial-gradient(1000px 460px at 8% -10%,rgba(255,196,46,.5),transparent 62%),radial-gradient(800px 420px at 95% 0%,rgba(22,87,200,.28),transparent 60%),linear-gradient(178deg,#fff 0%,var(--sky) 100%);padding:34px 0 0;overflow:hidden}
.ghero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:start;padding-bottom:30px}
.ghero h1{font-size:clamp(2rem,5vw,3.5rem)}
.ghero h1 .hl{background:linear-gradient(180deg,transparent 58%,var(--gold) 58%,var(--gold) 92%,transparent 92%);padding:0 .06em}
.gmeta{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);letter-spacing:.03em;margin-top:6px}
.glance{background:#fff;border:4px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);padding:20px 22px}
.glance h2{font-size:1.05rem;margin:0 0 10px;font-family:var(--font-mono);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.glance dl{margin:0;display:grid;gap:10px}
.glance dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.glance dd{margin:0;font-weight:700;font-size:.98rem;line-height:1.4}
/* article layout */
.agrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;padding-top:46px;padding-bottom:30px}
.atoc{position:sticky;top:130px;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:18px 18px 10px;box-shadow:var(--shadow-sm)}
.atoc b{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.atoc ol{margin:0;padding-left:1.1em;font-size:.9rem;line-height:1.4}
.atoc li{margin-bottom:8px}
.atoc a{text-decoration:none;color:var(--ink);font-weight:600}
.atoc a:hover{color:var(--red);text-decoration:underline}
.prose{max-width:760px;min-width:0}
.prose h2{font-size:clamp(1.5rem,3.4vw,2.2rem);margin:1.6em 0 .55em;scroll-margin-top:130px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:clamp(1.15rem,2.2vw,1.45rem);margin:1.4em 0 .45em}
.prose p,.prose li{font-size:1.04rem}
.prose ul,.prose ol{padding-left:1.3em}
.prose figure{margin:28px 0;border:4px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
.prose figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.prose figcaption{font-family:var(--font-mono);font-size:.78rem;padding:10px 14px;color:var(--ink-soft)}
.prose .tablewrap{margin:22px 0}
.prose table{min-width:520px}
.prose .callout{margin:26px 0}
.keyfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;padding:0;list-style:none}
.keyfacts li{margin:0;background:var(--cream);border:3px solid var(--ink);border-radius:12px;padding:14px 16px;font-size:.97rem}
.keyfacts b{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:3px}
.steps{counter-reset:st;list-style:none;padding-left:0!important}
.steps>li{counter-increment:st;position:relative;padding-left:52px;margin-bottom:16px}
.steps>li::before{content:counter(st);position:absolute;left:0;top:0;width:36px;height:36px;border:3px solid var(--ink);border-radius:10px;background:var(--gold);font-family:var(--font-display);display:flex;align-items:center;justify-content:center;font-size:1rem}
.faqs{margin-top:10px}
.faqs .faq summary{font-size:1rem}
.srcs{background:var(--sky);border:3px solid var(--ink);border-radius:12px;padding:20px 22px;margin-top:34px}
.srcs h2{font-size:1.2rem!important;margin:0 0 10px!important}
.srcs ol{margin:0;padding-left:1.3em;font-size:.92rem}
.srcs li{margin-bottom:6px;word-break:break-word}
.disclaim{font-size:.88rem;color:var(--ink-soft);border-top:3px dashed #cfd6e8;padding-top:16px;margin-top:26px}
.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
/* simple pages */
.simple{max-width:820px;padding-top:40px;padding-bottom:60px}
.formcard .field input,.formcard .field textarea{background:#fff}
/* footer */
.ftr-credit{font-size:.88rem;color:var(--ink-soft)}
.ftr-credit a{font-weight:700;color:var(--ink)}
@media (max-width:980px){
  .ghero-grid{grid-template-columns:1fr;gap:22px}
  .agrid{grid-template-columns:1fr;gap:26px;padding-top:30px}
  .atoc{position:static}
  .related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .keyfacts{grid-template-columns:1fr}
  .related{grid-template-columns:1fr}
  .prose p,.prose li{font-size:1rem}
  .glance{padding:16px}
}
.plan-badge{white-space:normal;display:inline-block;max-width:100%}