/* Quiet, readable guides using the marketing site's established visual language. */
.guide-page{background:#f0f3f2;color:var(--MainDark)}
.guide-nav{display:flex;gap:24px;margin-left:auto;margin-right:24px;font:400 14px var(--font)}.guide-nav a{color:inherit;text-decoration:none}.guide-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-hero{background:var(--MainDark);color:white;padding:64px 24px}.guide-hero>div{max-width:1072px;margin:auto}
.guide-back{display:inline-block;color:#d1e0e0;font:400 15px/1.5 var(--font);margin-bottom:28px;text-decoration:underline;text-underline-offset:4px}
.guide-hero h1{font:700 clamp(34px,4.5vw,58px)/1.2 var(--display);letter-spacing:-.025em;max-width:100%;margin:0;text-wrap:balance;text-transform:none}
.guide-hero p{font:400 20px/1.7 var(--font);color:#dce7e7;max-width:880px;margin:24px 0 0}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;max-width:1120px;margin:auto;padding:64px 24px}
.guide-layout aside nav{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px;font:400 15px/1.5 var(--font)}
.guide-layout aside a{color:#52696e;text-decoration:none}.guide-layout aside a:hover{color:var(--MainDark);text-decoration:underline;text-underline-offset:4px}
.guide-body{min-width:0}.guide-body section{scroll-margin-top:100px}.guide-body section+section{margin-top:40px}
.guide-body h2{font:700 clamp(25px,2.5vw,32px)/1.3 var(--display);letter-spacing:-.02em;margin:0 0 20px;text-transform:none;max-width:none}
.guide-body p{font:400 18px/1.8 var(--font);color:#345158;margin:0;max-width:none}.guide-body a{color:var(--MainDark);text-decoration:underline;text-underline-offset:4px}
.guide-related{padding-top:32px;border-top:1px solid #cad8d5}.guide-related>a{display:block;font:400 16px/1.5 var(--font);margin-top:16px}
.guide-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:auto;padding:64px 24px}
.guide-card{display:block;padding:32px;background:white;border:1px solid #cad8d5;border-radius:14px;color:var(--MainDark);text-decoration:none}
.guide-card:hover{border-color:var(--MainDark)}.guide-card:focus-visible{outline:2px solid var(--MainDark);outline-offset:4px}
.guide-card h2{font:700 28px/1.3 var(--display);letter-spacing:-.02em;text-transform:none;margin:0 0 20px;max-width:none}.guide-card p{font:400 17px/1.7 var(--font);color:#345158;margin:0;max-width:none}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-layout aside{display:none}}
@media(max-width:650px){.guide-hero{padding:40px 24px}.guide-hero p{font-size:18px}.guide-layout,.guide-directory{padding:40px 24px}.guide-directory{grid-template-columns:1fr;gap:20px}.guide-card{padding:24px}.guide-body p{font-size:17px}.guide-body section+section{margin-top:32px}.guide-page .site-header{gap:12px;padding-inline:16px}.guide-page .header-logo{width:125px}.guide-nav{gap:14px;margin-right:0;font-size:13px}.guide-page .site-header .enter-button{padding:10px 16px;min-height:44px}}
@media(max-width:380px){.guide-page .site-header{display:grid;grid-template-columns:1fr auto;gap:12px 20px}.guide-page .wordmark{grid-column:1;grid-row:1}.guide-page .nav-actions{grid-column:2;grid-row:1}.guide-nav{grid-column:1/-1;grid-row:2;justify-self:center;margin:0;gap:24px}}