/* Task guides use the existing product design and a scoped reading layout. */
.guide-wrap{width:min(920px,calc(100% - 40px));margin-inline:auto}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:24px 0 0;margin:0;font-size:.88rem;color:var(--muted)}
.guide-breadcrumb li+li:before{content:"/";margin-right:8px}
.guide-hero{padding:48px 0 40px}.guide-hero h1{font-size:clamp(2.25rem,6vw,4rem);max-width:850px}
.guide-hero p,.guide-content p,.guide-content li{line-height:1.75}.guide-hero .guide-lead{font-size:1.12rem;max-width:760px;color:var(--muted)}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.guide-content{padding-bottom:52px}
.guide-content section{padding:28px 0;border-top:1px solid var(--line)}.guide-content h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}
.guide-content ol{padding-left:24px}.guide-content li{padding:8px 0}.guide-content p{max-width:780px}
.guide-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:20px}
.guide-related a{display:block;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none;font-weight:600}
.guide-related a:hover{text-decoration:underline}.guide-links{padding:42px 0}.guide-links p{color:var(--muted)}
.guide-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.guide-faq summary{font-weight:700;cursor:pointer}
.guide-related a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.guide-page .site-footer-inner{width:min(1180px,calc(100% - 40px));margin-inline:auto;gap:20px}
.guide-page .site-footer nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:380px){:is(.pricing-page,.guide-page) .site-nav-inner{flex-wrap:wrap;padding-block:12px;gap:12px}:is(.pricing-page,.guide-page) .site-nav-links{margin-left:0;width:100%;flex-wrap:wrap}}