/* Guide route — editorial layer on the shared system */
.guidepage{background:var(--frost-2);color:var(--petrol)}

.guide__hero{
  padding:calc(4rem + var(--pad)) 0 clamp(2.5rem,5vw,4rem);
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(111,211,231,.22),transparent 55%),
    linear-gradient(180deg,#dff2f8,var(--frost-2));
  border-bottom:1px solid rgba(12,59,74,.08);
}
.guide__title{
  font-family:var(--disp);font-weight:750;font-variation-settings:"opsz" 96;
  font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.028em;line-height:1.02;
  max-width:14ch;margin-bottom:.4em;text-wrap:balance;
}
.guide__lede{font-size:clamp(1.05rem,1.8vw,1.25rem);max-width:56ch;opacity:.88}
.guide__meta{display:flex;flex-wrap:wrap;gap:.6em;margin-top:1.4rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}

.guide__layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2.5rem,5vw,4rem)}
@media(max-width:900px){.guide__layout{grid-template-columns:1fr}}

.toc{position:sticky;top:96px;align-self:start;font-size:.9rem}
@media(max-width:900px){.toc{position:static;border-bottom:1px solid rgba(12,59,74,.12);padding-bottom:1.4rem}}
.toc__head{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--arctic-deep);margin-bottom:.8em}
.toc ol{list-style:none;display:grid;gap:.45rem;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;gap:.6em;opacity:.75;padding:.15em 0;transition:opacity .2s,color .2s}
.toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:.7rem;color:var(--arctic-deep);padding-top:.25em}
.toc a:hover{opacity:1;color:var(--arctic-deep)}
.toc__cta{margin-top:1.6rem;font-size:.88rem;padding:.7em 1.2em}

.prose{max-width:68ch;font-size:1.03rem}
.prose section{margin-bottom:clamp(2.4rem,5vw,3.6rem);scroll-margin-top:100px}
.prose h2{
  font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);
  letter-spacing:-.02em;line-height:1.1;margin-bottom:.7em;
  padding-top:.4em;
}
.prose p{margin-bottom:1em;opacity:.92}
.prose em{font-style:italic}
.prose strong{font-weight:650;color:var(--petrol)}
.prose ul,.prose ol{margin:0 0 1.2em 1.3em;display:grid;gap:.55em}
.prose li::marker{color:var(--arctic-deep);font-weight:700}
.prose a{color:var(--arctic-deep);text-decoration:underline;text-underline-offset:3px}

.faq{display:grid;gap:1rem}
.faq>div{background:#fff;border:1px solid rgba(12,59,74,.1);border-radius:var(--r);padding:1.2rem 1.3rem}
.faq dt{font-family:var(--disp);font-weight:650;font-size:1.05rem;margin-bottom:.4em}
.faq dd{opacity:.86;font-size:.97rem}

.guide__cta{
  background:linear-gradient(140deg,var(--petrol-2),var(--petrol));
  color:var(--frost);border-radius:calc(var(--r) + 4px);
  padding:clamp(1.6rem,4vw,2.4rem);margin-top:1rem;
}
.guide__cta h2{font-family:var(--disp);font-weight:700;font-size:1.6rem;letter-spacing:-.02em;margin-bottom:.5em}
.guide__cta p{opacity:.9;margin-bottom:1.2em}
.guide__cta a{color:var(--arctic)}
.guide__cta-btns{display:flex;flex-wrap:wrap;gap:.8rem}
.btn--outline-dark{border-color:rgba(233,246,250,.4);color:var(--frost)}
.btn--outline-dark:hover{border-color:var(--arctic);color:var(--arctic)}