/* Public guide pages share the light cabin palette and existing card/button primitives. */
.guide{max-width:1200px;margin:auto;padding:48px 28px 100px}
.guide .breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:55px}
.guide .breadcrumbs a{text-underline-offset:3px}
.guide h1{font-size:clamp(2.6rem,5vw,4.5rem);max-width:850px;margin:16px 0 26px}
.guide>.intro{max-width:72ch;margin-bottom:65px}
.guide-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:clamp(40px,7vw,110px);align-items:start}
.guide-section{border-top:1px dashed var(--dash);padding:30px 0 36px}
.guide-section h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:0 0 15px}
.guide-section p{line-height:1.75;max-width:67ch}
.guide-section ul{list-style:disc;padding-left:25px;display:grid;gap:15px;line-height:1.65}
.guide-section li{padding-left:3px}
.guide-section li::marker{color:var(--cranberry)}
.guide-aside{position:sticky;top:28px}
.guide-aside .paper{padding:32px}
.guide-aside .paper h2{font-size:1.8rem}
.guide-aside .paper .button-link{margin-top:10px}
.faq-item{padding:17px 0;border-top:1px solid var(--dash)}
.faq-item h3{font-size:1.22rem;margin:0 0 8px}
.faq-item p{margin:0}
.related{display:grid;gap:12px;margin:38px 0}
.related h3{font-size:1.3rem}
.related a,.guide-links a{color:var(--cranberry-deep);text-underline-offset:4px}
.how .intro{font:16px/1.7 system-ui,sans-serif;color:var(--muted);margin-top:18px;max-width:65ch}
.stage-preview{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;padding:42px 0 65px}
.stage-preview h2{margin:12px 0}
.stage-preview p{max-width:43ch;color:var(--muted)}
.stage-preview-screen{background:var(--night);color:var(--cream);padding:28px;border-radius:14px;min-height:230px;box-shadow:0 14px 34px oklch(0.35 0.05 155/.18)}
.stage-preview-screen>span{font-size:11px;letter-spacing:.2em;color:var(--gold)}
.stage-preview-screen strong{display:block;font:600 29px var(--display);margin:14px 0}
.stage-preview-cards{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.stage-preview-cards i{font:600 14px var(--display);font-style:normal;background:var(--pine-band);padding:10px 16px;border:1px solid var(--gold-deep);border-radius:7px}
.stage-preview-screen small{color:var(--muted-night)}
.guide-links{border-top:1px dashed var(--dash);padding:35px 0;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:baseline}
.guide-links h2{width:100%;margin:0 0 8px}
.site-footer{border-top:1px solid var(--dash);max-width:1200px;margin:auto}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:16px auto 0;max-width:900px}
.site-footer a{text-underline-offset:4px}
@media(max-width:760px){.stage-preview{display:block;padding:24px 0 46px}.stage-preview-screen{margin-top:22px}.guide{padding:38px 22px 72px}.guide .breadcrumbs{margin-bottom:42px}.guide>.intro{margin-bottom:42px}.guide-grid{display:block}.guide-aside{position:static}.guide-aside .paper{margin-top:32px}.site-footer{padding:30px 22px}.site-footer nav{justify-content:flex-start}.guide-links{display:grid;gap:12px}}
.ask-line{margin:0 0 22px;font-size:1.02rem}
details.faq-item summary{cursor:pointer;font-family:inherit;font-size:1.12rem;font-weight:600}
details.faq-item[open] summary{margin-bottom:8px}