.guide-page-body>.topbar{position:sticky;top:0;background:#122b22}
.guide-section{min-height:calc(100svh - 72px);padding:clamp(68px,9vw,118px) 8% 105px;background:#e9e8d9;color:#203c30}
.guide-heading,.guide-grid,.guide-next,.action-layout{width:min(100%,1240px);margin-right:auto;margin-left:auto}
.guide-index{display:flex;align-items:center;gap:14px;margin:0 0 30px;color:#637462;font-size:9px;font-weight:600;letter-spacing:.17em}
.guide-index>span:first-child{color:#63805e;font:italic 19px 'Playfair Display',serif;letter-spacing:0}
.guide-rule{width:42px;height:1px;background:#9daa91}
.guide-heading h1{max-width:1050px;margin:0;color:#203c30;font:500 clamp(48px,7vw,88px)/1.03 'Playfair Display',serif;letter-spacing:-.045em}
.guide-heading h1 em,.action-promise h2 em{color:#63805e;font-weight:500}
.guide-intro{max-width:700px;margin:24px 0 0;color:#536552;font-size:15px;line-height:1.85}
.guide-note{display:inline-flex;margin:18px 0 0;padding:9px 12px;border:1px solid #9daa91;border-radius:4px;color:#65745e;font-size:9px;line-height:1.6;letter-spacing:.045em}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(44px,7vw,78px)}
.guide-card{position:relative;display:flex;min-height:300px;flex-direction:column;padding:28px;border:1px solid #aab49b;border-radius:7px;background:linear-gradient(145deg,#f1eee4,#e4e5d5);box-shadow:0 14px 36px #243d2a0c;transition:transform .25s,box-shadow .25s}
.guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #243d2a18}
.guide-number{color:#7a8f70;font:italic 14px 'Playfair Display',serif}
.guide-tag{margin:25px 0 9px;color:#78836e;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.guide-card h2,.action-row h2{margin:0 0 12px;color:#304b37;font:500 clamp(24px,2.5vw,31px)/1.12 'Playfair Display',serif}
.guide-card>p:not(.guide-tag){margin:0;color:#536552;font-size:13px;line-height:1.8}
.guide-outcome{margin-top:auto;padding-top:22px;color:#63805e;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.guide-next{display:grid;grid-template-columns:.7fr 2fr auto;align-items:center;gap:24px;margin-top:58px;padding:26px 0;border-top:1px solid #aab49b;border-bottom:1px solid #aab49b}
.guide-next>span{color:#63805e;font:italic 20px 'Playfair Display',serif}
.guide-next p{margin:0;color:#536552;font-size:12px;line-height:1.7}
.guide-link{display:inline-flex;align-items:center;gap:13px;padding:10px 15px;border:1px solid #879979;border-radius:999px;color:#304b37;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .2s,box-shadow .2s}
.guide-link:hover{background:#fff8;box-shadow:0 0 16px #63805e24}
.action-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);align-items:start;gap:clamp(28px,6vw,80px);margin-top:clamp(42px,7vw,76px)}
.action-list{border-top:1px solid #aab49b}
.action-row{display:grid;grid-template-columns:38px 1fr 20px;align-items:start;gap:14px;padding:23px 0;border-bottom:1px solid #aab49b}
.action-count{padding-top:2px;color:#7a8f70;font:italic 16px 'Playfair Display',serif}
.action-row .guide-tag{margin:0 0 7px}
.action-row h2{font-size:clamp(22px,2.6vw,30px)}
.action-row>div>p:last-child{max-width:600px;margin:0;color:#536552;font-size:13px;line-height:1.75}
.action-mark{color:#81936e;font-size:15px}
.action-promise{position:sticky;top:35px;padding:clamp(25px,4vw,42px);border:1px solid #aab49b;border-radius:7px;background:#e1e3d2}
.action-promise .guide-tag{margin:0 0 23px}
.action-promise h2{margin:0 0 18px;color:#304b37;font:500 clamp(31px,4vw,46px)/1.08 'Playfair Display',serif;letter-spacing:-.025em}
.action-promise>p:not(.guide-tag){margin:0 0 25px;color:#536552;font-size:13px;line-height:1.8}
.guide-footer{margin-top:0}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-layout{grid-template-columns:1fr}.action-promise{position:static}}
@media(max-width:600px){.guide-section{padding:55px 7% 72px}.guide-grid{grid-template-columns:1fr;gap:12px;margin-top:38px}.guide-card{min-height:260px;padding:25px}.guide-next{grid-template-columns:1fr;gap:12px;margin-top:40px}.guide-next .guide-link{justify-self:start}.action-layout{margin-top:36px}.action-row{grid-template-columns:30px 1fr 14px;gap:10px;padding:20px 0}.action-row h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.guide-card,.guide-link{transition:none}}