.guide-main{padding:72px 0 100px;background:#fff}
.guide-shell{width:min(calc(100% - 44px),900px);margin-inline:auto}
.guide-hero{padding-bottom:46px;border-bottom:1px solid #dfe8e2}
.guide-hero h1{max-width:820px;font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.045em}
.guide-hero .lead{max-width:760px;font-size:1.12rem;color:#52645b}
.guide-section{padding:38px 0;border-bottom:1px solid #e7eee9}
.guide-section h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.guide-section p,.guide-section li{color:#44564d}
.artifact{margin:18px 0;padding:22px;background:#f3f8f5;border:1px solid #dce9e0;border-radius:16px}
.artifact pre{white-space:pre-wrap;margin:0;font:500 .9rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.compare,.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.compare article,.scenario-grid article{padding:20px;border:1px solid #dfe8e2;border-radius:14px;background:#fafcfb}
.checklist{padding-left:1.25rem}.checklist li,.numbered li{margin:.7rem 0}
.guide-cta{margin:46px 0;padding:30px;background:#083525;color:#fff;border-radius:20px}
.guide-cta p{color:rgba(255,255,255,.75)}.guide-sources{font-size:.88rem}.guide-sources a{color:#126f4b}
.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.guide-card{display:block;padding:24px;border:1px solid #dfe8e2;border-radius:16px;text-decoration:none;color:inherit;background:#fff}
.guide-card:hover{border-color:#82cba3;box-shadow:0 10px 30px rgba(18,111,75,.08)}
.guide-card h2{font-size:1.3rem}.guide-card p{color:#52645b}
@media(max-width:700px){.compare,.scenario-grid,.guides-grid{grid-template-columns:1fr}.guide-shell{width:min(calc(100% - 28px),900px)}}