/* Standalone server pages and client route share the same layout. */
.guide-layout{max-width:960px;margin:auto;padding:32px 24px 64px;color:#183a2b;font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.75}
.guide-layout a{color:inherit;text-decoration:none}.guide-layout a:hover{text-decoration:underline}.guide-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;margin-bottom:48px}.guide-breadcrumb .guide-link{padding:0;border:0}
.guide-hero{max-width:820px}.guide-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.guide-layout h1{font-size:clamp(32px,5vw,54px);font-weight:750;line-height:1.12;letter-spacing:-.035em;margin:18px 0 24px}.guide-hero>p:last-child{font-size:19px;color:#42594d}.guide-section{margin:44px 0;max-width:760px}.guide-layout h2{font-size:25px;font-weight:700;line-height:1.3;margin:0 0 16px}.guide-layout p{margin-top:0}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 48px}.guide-link{display:inline-block;padding:12px 20px;border:1px solid #cad5ce;border-radius:8px;font-size:14px;font-weight:650}.guide-primary{background:#183a2b;color:#fff!important;border-color:#183a2b}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.guide-card{display:block;padding:28px;border:1px solid #d4ded7;border-radius:14px;background:#f4f7f2}.guide-card h2{font-size:23px}.guide-card p{font-size:15px;color:#42594d}.guide-card span{font-size:24px}.guide-site-header,.guide-site-footer{font-family:system-ui,sans-serif;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px max(24px,calc((100vw - 960px)/2));background:#183a2b;color:#fff}.guide-site-header a,.guide-site-footer a{color:inherit;text-decoration:none}.guide-site-header nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.guide-logo{font-size:20px;font-weight:750}.guide-site-footer{font-size:14px}.guide-site-header~main{background:#fafbf7}.guide-site-header~main+.guide-site-footer{margin-top:0}body:has(>.guide-site-header){margin:0;background:#fafbf7}.guide-layout a:focus-visible,.guide-site-header a:focus-visible,.guide-site-footer a:focus-visible{outline:3px solid #a6b894;outline-offset:5px}@media(max-width:480px){.guide-layout{padding:24px 18px 48px}.guide-breadcrumb{margin-bottom:32px}.guide-site-header{align-items:flex-start;flex-direction:column}.guide-layout h2{font-size:23px}}