.guide-page{padding:clamp(28px,4vw,52px) 24px clamp(48px,6vw,88px)}.guide-page .guide-article{color:#3d3833;max-width:44rem;margin:0 auto;font-size:16.5px;line-height:1.7}.guide-page .guide-breadcrumb ol{color:var(--mood-muted);flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;font-size:13px;line-height:1.4;list-style:none;display:flex}.guide-page .guide-breadcrumb li+li:before{content:"›";margin-inline-end:6px}.guide-page .guide-breadcrumb [aria-current]{color:#5f5952}.guide-page h1{letter-spacing:-.025em;color:var(--mood-ink);margin-bottom:18px;font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.08}.guide-page .guide-lede{color:#4a443e;margin-bottom:16px;font-size:clamp(17px,1.6vw,19px);line-height:1.6}.guide-page .guide-meta{color:var(--mood-muted);margin-bottom:28px;font-size:13.5px;line-height:1.5}.guide-page .guide-toc,.guide-page .guide-related{background:#fff;border-radius:18px;margin-bottom:8px;padding:20px 22px;box-shadow:0 4px 12px #1a16130f}.guide-page .guide-toc-title{letter-spacing:.1em;text-transform:uppercase;color:var(--mood-muted);margin-bottom:10px;font-size:11px;font-weight:600}.guide-page .guide-toc ol,.guide-page .guide-related ul{gap:4px;margin:0;padding-inline-start:1.3em;font-size:15px;line-height:1.45;display:grid}.guide-page .guide-toc ol{padding-inline-start:0;list-style:none}.guide-page .guide-related ul{list-style:outside}.guide-page .guide-related{margin-top:28px}.guide-page section h2{letter-spacing:-.015em;color:var(--mood-ink);margin:2.1em 0 .6em;scroll-margin-top:20px;font-size:clamp(22px,2.6vw,27px);font-weight:700;line-height:1.2}.guide-page section p{margin:0 0 1em}.guide-page section strong{color:var(--mood-ink);font-weight:600}.guide-page section a{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.guide-page .guide-steps{counter-reset:guide-step;gap:12px;margin:0 0 1.2em;padding:0;list-style:none;display:grid}.guide-page .guide-steps>li{counter-increment:guide-step;padding-inline-start:40px;position:relative}.guide-page .guide-steps>li:before{content:counter(guide-step);inset-inline-start:0;background:var(--mood-ink);color:#fff;text-align:center;border-radius:50%;width:26px;height:26px;font-size:13px;font-weight:600;line-height:26px;position:absolute;top:1px}.guide-page .guide-list{gap:8px;margin:0 0 1.2em;padding-inline-start:1.3em;list-style:outside;display:grid}.guide-page .guide-code{font-family:var(--font-mono);background:var(--mood-subtle);color:var(--mood-ink);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:.88em}.guide-page .guide-figure{margin:4px 0 1.4em}.guide-page .guide-figure img{border:1px solid var(--mood-subtle);background:#fff;border-radius:18px;width:300px;max-width:100%;height:auto;display:block;box-shadow:0 8px 24px #1a161314}.guide-page .guide-figure figcaption{max-width:34rem;color:var(--mood-muted);margin-top:10px;font-size:14px;line-height:1.5}.guide-page .guide-note{border-inline-start:4px solid var(--c-slate);background:#fff;border-radius:14px;margin:0 0 1.2em;padding:14px 18px;font-size:15.5px;line-height:1.6}.guide-page .guide-note[data-tone=tip]{border-inline-start-color:var(--c-green-deep);background:#f0faf5}.guide-page .guide-note[data-tone=warn]{border-inline-start-color:var(--brand-amber-400);background:#fff8eb}.guide-page .guide-note-title{letter-spacing:.08em;text-transform:uppercase;color:var(--mood-ink);margin-bottom:4px;font-size:12px;font-weight:600}.guide-page .guide-cta{background:#fff;border-radius:20px;margin-top:40px;padding:clamp(22px,3vw,30px);box-shadow:0 8px 24px #1a161314}.guide-page .guide-cta-title{letter-spacing:-.015em;color:var(--mood-ink);margin-bottom:8px;font-size:clamp(20px,2.4vw,24px);font-weight:700;line-height:1.2}.guide-page .guide-cta-body{margin-bottom:18px;font-size:15.5px;line-height:1.6}.guide-page .guide-cards{gap:14px;margin-top:28px;display:grid}.guide-page .guide-card{color:inherit;background:#fff;border-radius:18px;padding:22px;display:block;box-shadow:0 4px 12px #1a16130f}.guide-page .guide-card h2{letter-spacing:-.01em;color:var(--mood-ink);margin-bottom:8px;font-size:21px;font-weight:700;line-height:1.25}.guide-page .guide-card p{margin-bottom:12px;font-size:15px;line-height:1.6}.guide-page .guide-card-meta{color:var(--mood-muted);margin-bottom:10px;font-size:13px;display:block}.guide-page .guide-card-cta{color:#b45309;align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.guide-page .guide-card:hover .guide-card-cta{color:#92400e}