/* Public guide pages (studio/seo.py). Builds on v2.css tokens. */
.guide { max-width:760px; padding:56px 0 72px; }
.guide h1 { font-size:clamp(36px,5vw,56px); margin:8px 0 20px; }
.guide h2 { font-size:clamp(24px,2.6vw,32px); margin:0 0 14px; }
.guide section { margin-top:56px; }
.guide p { font-size:17px; line-height:1.65; margin:0 0 14px; color:var(--ink); }
.guide-eyebrow { font-size:14px!important; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--blue)!important; margin:0!important; }
.guide-lede { font-size:20px!important; color:var(--muted)!important; }
.guide-cta { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-top:28px!important; }
.guide-cta span { font-size:14px; color:var(--muted); }
.guide-film { margin:44px 0 0; }
.guide-film video { width:100%; aspect-ratio:16/9; background:#1e2420; border-radius:8px; display:block; }
.guide-film figcaption { font-size:13px; color:var(--muted); margin-top:8px; }
.guide-steps { list-style:none; counter-reset:step; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:16px; }
.guide-steps li { counter-increment:step; border:1px solid var(--line); border-radius:8px; padding:18px 20px; }
.guide-steps li::before { content:counter(step); display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--ice); color:var(--blue); font-weight:600; font-size:14px; margin-bottom:8px; }
.guide-steps h3 { margin:0 0 4px; }
.guide-steps p { font-size:15px; margin:0; color:var(--muted); }
.guide-faq details { border-top:1px solid var(--line); padding:16px 0; }
.guide-faq details:last-child { border-bottom:1px solid var(--line); }
.guide-faq summary { font-size:17px; font-weight:600; cursor:pointer; }
.guide-faq details p { margin:10px 0 0; }
.guide-end { background:var(--ice); border-radius:10px; padding:32px; }
.guide-related { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:48px; padding-top:24px; border-top:1px solid var(--line); }
.guide-related a { color:var(--blue); font-weight:500; }
.guide-footer { padding:24px 0 40px; font-size:14px; color:var(--muted); }
.home-guides { display:flex; flex-wrap:wrap; gap:8px 20px; }
@media (max-width:700px) { .guide { width:calc(100% - 32px); padding-top:32px; } .guide-end { padding:24px 20px; } }
.legal-footer{display:grid;gap:6px;margin-top:18px;font-size:13px}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.legal-footer a{color:inherit}