
.guide-hero{padding:88px 0 44px;background:linear-gradient(135deg,#0f2d26,#1a4e40 55%,#5fb36b);color:#fff}
.guide-hero .lead{max-width:760px;font-size:1.125rem;color:rgba(255,255,255,.92)}
.guide-hero .mini-note{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.92rem}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.guide-article{background:#fff;border:1px solid rgba(15,45,38,.08);border-radius:22px;padding:34px;box-shadow:0 20px 60px rgba(8,34,24,.08)}
.guide-article p{margin:0 0 1.05rem;line-height:1.8;color:#21352f}
.guide-article h2{margin:1.6rem 0 .7rem;font-size:1.5rem;color:#12352d}
.guide-sidebar{position:sticky;top:96px;display:grid;gap:18px}
.sidebar-card,.fact-box{background:#f7fbf8;border:1px solid rgba(33,78,63,.12);border-radius:20px;padding:22px}
.fact-box ul,.reference-list,.sidebar-links{margin:.8rem 0 0;padding-left:1.1rem}
.references{margin-top:1.8rem;padding-top:.8rem;border-top:1px solid rgba(15,45,38,.1)}
.faq-list .faq-item{padding:16px 0;border-top:1px solid rgba(15,45,38,.1)}
.guides-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-tile{background:#fff;border:1px solid rgba(15,45,38,.08);border-radius:20px;padding:22px;box-shadow:0 14px 36px rgba(8,34,24,.06)}
.guide-tile h3{margin:0 0 .55rem;font-size:1.1rem}
.guide-tile p{margin:0 0 1rem;color:#35524a;line-height:1.7}
@media (max-width: 980px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}.guides-index-grid{grid-template-columns:1fr}.guide-article{padding:24px}}
