/* Feature pages share the home palette, type, header and working note stack.
   Keep these rules scoped: pricing, support and legal keep their own layouts. */
.guide-page .guide-hero{padding:38px 0 42px}
.guide-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:32px;font-size:13px;color:var(--muted)}
.guide-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600}
.guide-breadcrumb a:hover{text-decoration:underline}
.guide-page h1{max-width:1000px;margin-inline:auto;font-size:clamp(42px,5.2vw,68px);line-height:1.08;letter-spacing:-2.4px;overflow-wrap:anywhere}
.guide-page .intro{max-width:740px}
.guide-page .requirements{max-width:680px;margin:17px auto 0;line-height:1.7}
.guide-benefit{max-width:760px;margin:26px auto 0;color:var(--muted);font-size:16px}
.guide-scope{max-width:720px;margin:24px auto 0;font-size:13px;color:var(--muted);line-height:1.7}
.guide-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:14px 32px}
.guide-content>.section{min-width:0;padding:32px;border:1px solid var(--line);border-radius:18px;background:white}
.guide-content>.section:first-child,.guide-content>.guide-faq,.guide-content>.guide-wide{grid-column:1/-1}
.guide-content h2{font-size:clamp(24px,2.6vw,30px);line-height:1.2;letter-spacing:-.7px;margin-bottom:22px}
.guide-content h3{font-size:17px;line-height:1.4}
.guide-content p,.guide-content li{font-size:15px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.guide-content p{max-width:80ch}
.guide-content p+p{margin-top:16px}
.guide-content strong{color:var(--ink);font-weight:650}
.guide-content ul,.guide-content ol{padding-left:22px;margin:0}
.guide-content li+li{margin-top:14px}
.guide-content li::marker{color:var(--accent)}
.guide-content ol li::marker{font-weight:700}
.guide-content code{padding:2px 5px;border-radius:4px;background:var(--paper);color:var(--ink);font-size:.9em}
.guide-page .guide-figure{margin:0 0 32px;border-radius:18px}
.guide-page .guide-figure img{border:0;border-radius:0}
.guide-page .guide-figure figcaption{display:block;margin:0;padding:20px 28px;color:var(--muted);font-size:13px}
.guide-page .guide-faq details{padding:0;border-color:var(--line)}
.guide-page .guide-faq summary{padding:18px 0;font-size:17px;line-height:1.5;font-weight:600;cursor:pointer}
.guide-page .guide-faq details p{margin:0;padding:0 0 22px}
.guide-page .notice{padding:24px 28px;border:1px solid var(--line);border-left:3px solid #7faac6;border-radius:12px;background:#eaf3f9;color:var(--muted);margin:0 0 34px}
.guide-page .notice p{font-size:13px;line-height:1.8}
.guide-page .notice strong{color:var(--ink)}
.guide-page .guide-actions{padding:26px 0 50px;margin:0;border-top:1px solid var(--line)}
.guide-page .guide-actions p{color:var(--muted)}
.guide-page .capture-example{margin:8px 0 20px;gap:24px}
.guide-page .capture-example>div{padding:28px;border-color:var(--line)}
.guide-page .capture-example h3{color:var(--ink);margin-bottom:18px}
.guide-page .capture-example blockquote{color:var(--muted);line-height:1.8}
.guide-page .capture-example__note{background:var(--pip)}
.guide-page .capture-example .capture-example__note p,.guide-page .capture-example .capture-example__note h3{color:#352142}
.guide-page .capture-example__caption{color:var(--muted);font-size:13px}
@media(max-width:760px){
 .guide-page .guide-hero{padding:15px 0 26px}
 .guide-breadcrumb{margin-bottom:20px}
 .guide-page h1{font-size:clamp(36px,7.5vw,50px);letter-spacing:-1.5px;line-height:1.12}
 .guide-page .intro{font-size:17px;line-height:1.65;margin-top:22px}
 .guide-page .actions{gap:5px 12px}
 .guide-page .actions .secondary{max-width:100%;text-align:center}
 .guide-benefit{font-size:15px;margin-top:22px}
 .guide-scope{font-size:12px;margin-top:18px}
 .guide-content{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:6px}
 .guide-content>.section{padding:24px;border-radius:14px}
 .guide-content h2{font-size:26px;margin-bottom:18px}
 .guide-page .notice{padding:20px;font-size:13px}
 .guide-page .guide-figure figcaption{padding:18px 20px}
 .guide-page .capture-example>div{padding:20px}
}
@media(max-width:360px){.guide-content>.section{padding:22px 20px}.guide-content h2{font-size:24px}}