/* /guides landing page. Every rule is scoped under .vgh-section so nothing leaks into the rest of the site. */
.vgh-section{--vgh-green:#0B3D2E;--vgh-green-2:#1a5a42;--vgh-gold:#F4C430;--vgh-ink:#1F2A24;--vgh-mute:#52605a;--vgh-line:#dbe7e0;--vgh-soft:#f3f8f5;color:var(--vgh-ink);font-family:inherit;line-height:1.6}
.vgh-section *,.vgh-section *::before,.vgh-section *::after{box-sizing:border-box}
.vgh-section .vgh-wrap{max-width:68rem;margin:0 auto;padding:0 1rem}
.vgh-section .vgh-hero{background:linear-gradient(135deg,var(--vgh-green),var(--vgh-green-2));color:#fff;padding:3rem 0 3.25rem}
.vgh-section .vgh-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vgh-gold)}
.vgh-section .vgh-eyebrow svg{width:1.25rem;height:1.25rem}
.vgh-section .vgh-title{margin:0 0 .75rem;font-size:2.25rem;line-height:1.15;font-weight:800}
.vgh-section .vgh-lead{margin:0;max-width:42rem;font-size:1.0625rem;color:#e4f1ea}
.vgh-section .vgh-block{padding-top:2rem;padding-bottom:3rem}
.vgh-section .vgh-boxes{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
.vgh-section .vgh-box{display:flex;flex-direction:column;gap:.5rem;height:100%;padding:1.5rem;border:1px solid var(--vgh-line);border-radius:1rem;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(11,61,46,.06);transition:box-shadow .2s,transform .2s,border-color .2s}
.vgh-section a.vgh-box:hover,.vgh-section a.vgh-box:focus-visible{border-color:var(--vgh-green-2);box-shadow:0 8px 24px rgba(11,61,46,.14);transform:translateY(-2px)}
.vgh-section a.vgh-box:focus-visible{outline:3px solid var(--vgh-gold);outline-offset:2px}
.vgh-section .vgh-box__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--vgh-soft);color:var(--vgh-green)}
.vgh-section .vgh-box__icon svg{width:1.6rem;height:1.6rem}
.vgh-section .vgh-box__name{font-size:1.25rem;font-weight:700;color:var(--vgh-green)}
.vgh-section .vgh-box__text{color:var(--vgh-mute);font-size:.975rem}
.vgh-section .vgh-box__go{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;padding-top:.5rem;font-weight:700;color:var(--vgh-green-2)}
.vgh-section .vgh-box__go svg{width:1.1rem;height:1.1rem}
.vgh-section .vgh-box--soon{background:var(--vgh-soft);border-style:dashed}
.vgh-section .vgh-box--soon .vgh-box__name{color:var(--vgh-mute)}
.vgh-section .vgh-box__go--soon{color:var(--vgh-mute);font-weight:600}
@media (min-width:720px){
  .vgh-section .vgh-hero{padding:4rem 0 4.25rem}
  .vgh-section .vgh-title{font-size:3rem}
  .vgh-section .vgh-boxes{grid-template-columns:1fr 1fr;gap:1.5rem}
}
@media (prefers-reduced-motion:reduce){.vgh-section .vgh-box{transition:none}.vgh-section a.vgh-box:hover{transform:none}}