.guide-page{background:#fffdf7;color:#17382d;--guide-accent:#efdfc4;--guide-border:#d8ddd1}
.guide-page.guide-blue{--guide-accent:#cceaf5}.guide-page.guide-coral{--guide-accent:#f7d7c9}.guide-page.guide-yellow{--guide-accent:#f8e894}.guide-page.guide-green{--guide-accent:#dbe8ce}
.guide-page a:focus-visible{outline-color:#176651}.guide-page .wordmark-dot{color:#55772b}
.guide-nav{max-width:1320px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--guide-border)}
.guide-nav .wordmark{font-size:30px}.guide-nav nav{display:flex;align-items:center;gap:24px}.guide-nav nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.guide-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.guide-invite{background:#17382d;color:#fffdf7;border-radius:99px;padding:14px 19px;font-size:13px;display:inline-flex;align-items:center;gap:15px;white-space:nowrap}.guide-invite .icon{width:18px}
.guide-hero{background:var(--guide-accent);padding:80px max(6%,calc((100% - 1040px)/2)) 72px}.guide-hero>.eyebrow{font-size:12px;letter-spacing:.13em}.guide-hero h1{font-size:clamp(48px,6.3vw,86px);line-height:1.03;max-width:960px;margin-top:25px}.guide-intro{font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:800px;margin-top:28px}.guide-badge{display:inline-block;font-size:13px;background:#fffdf7;padding:10px 16px;border:1px solid #17382d40;border-radius:99px;margin-top:22px}
.guide-hero figure{margin:42px 0 0;max-width:960px}.guide-hero figure img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:26px}.guide-hero figcaption{font-size:13px;margin-top:13px;color:#385347}
.guide-chapters{max-width:1040px;margin:auto;padding:30px 26px}.guide-chapter{display:grid;grid-template-columns:55px minmax(180px,.75fr) minmax(0,1.4fr);gap:28px;padding:40px 0;border-bottom:1px solid var(--guide-border);align-items:start}.guide-number{font-size:13px;color:#56715e;padding-top:5px}.guide-chapter h2{font-size:29px;line-height:1.12;letter-spacing:-.04em}.guide-chapter>p{font-size:17px;line-height:1.75;color:#405c4e;overflow-wrap:anywhere}
.guide-note{max-width:988px;margin:0 auto 40px;border-left:4px solid #527c56;background:#edf1e4;padding:22px 26px;font-size:14px;line-height:1.75;color:#3e5748}.guide-next{max-width:1040px;margin:auto;padding:30px 26px 70px}.guide-next h2{font-size:42px;margin:15px 0 26px}.guide-next nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-next a{border:1px solid var(--guide-border);border-radius:18px;padding:25px 21px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;line-height:1.4;min-height:96px;background:#fff}.guide-next a:hover{background:var(--guide-accent)}
.guide-closing{background:#17382d;color:#fffdf7;text-align:center;padding:66px 24px}.guide-closing h2{font-size:clamp(42px,5vw,64px);margin:22px 0}.guide-closing>p:not(.eyebrow){font-size:17px;line-height:1.6}.guide-closing>.button{margin-top:25px}.guide-closing .guide-small{font-size:12px!important;color:#c6d7bc;margin-top:18px}.guide-page .site-legal-footer{margin:0;background:#17382d;color:#fffdf7;border-color:#ffffff33}
@media(max-width:900px){.guide-nav{flex-wrap:wrap;gap:14px}.guide-nav nav{order:3;width:100%;justify-content:space-between;gap:16px;border-top:1px solid var(--guide-border);padding-top:9px}.guide-hero{padding:56px 6%}.guide-chapter{grid-template-columns:32px 1fr;gap:13px 18px}.guide-chapter>p{grid-column:2}.guide-chapter h2{font-size:27px}.guide-note{margin-inline:26px}.guide-next nav{grid-template-columns:1fr}.guide-next a{min-height:74px}.guide-chapters{padding-top:8px}}
@media(max-width:480px){.guide-nav{padding:17px 20px}.guide-nav .wordmark{font-size:26px}.guide-invite{padding:12px 14px;font-size:11px;gap:8px}.guide-invite .icon{width:15px}.guide-nav nav{gap:10px}.guide-nav nav a{font-size:12px}.guide-hero{padding:42px 24px}.guide-hero h1{font-size:44px}.guide-intro{font-size:18px}.guide-chapters{padding-inline:23px}.guide-chapter{padding:29px 0;grid-template-columns:25px 1fr;gap:13px}.guide-chapter h2{font-size:26px}.guide-chapter>p{font-size:16px;line-height:1.7}.guide-note{margin-inline:23px;padding:18px}.guide-next{padding-inline:23px}.guide-next h2{font-size:36px}.guide-hero figure{margin-top:30px}.guide-hero figure img{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.guide-page{scroll-behavior:auto}.guide-page .button{transition:none}.guide-page .button:hover{transform:none}}