/* Keep the guide navigation and related-guide card together while scrolling. */
@media (min-width: 801px) {
  .article-aside {
    align-self: start;
    position: sticky;
    top: 30px;
  }

  .article-aside > div:first-child {
    position: static;
    top: auto;
  }
}


/* Shared layout for standalone guide articles */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:18px 5vw;background:#fff;position:relative;z-index:2;border-bottom:1px solid #dfe8e7}.site-header .brand{display:block;flex:0 0 auto}.site-header .brand img{display:block;width:190px;height:auto;max-height:72px;object-fit:contain}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,30px);flex-wrap:wrap}.site-header nav a{color:#123b3b;text-decoration:none;font-weight:600;line-height:1.2;white-space:nowrap}.guide-page{max-width:1180px;margin:0 auto;padding:28px 5vw 70px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:42px;background:#0d3737;color:#fff;border-radius:0 0 22px 22px;overflow:hidden;margin:0 -5vw 42px}.guide-hero img{display:block;width:100%;height:330px;object-fit:cover}.guide-hero>div{padding:32px 7vw 32px 0}.guide-hero h1{margin:.2em 0 .45em;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.guide-hero p{font-size:1.08rem;line-height:1.6}.eyebrow{font-size:.78rem!important;font-weight:800;letter-spacing:.14em;margin:0!important;color:#c6ed25}.guide-content{max-width:780px;margin:0 auto;font-size:1.08rem;line-height:1.75}.guide-content h2{color:#0d3737;margin:2em 0 .4em;line-height:1.2}.guide-content a,footer a{color:#0d6868}footer{max-width:1180px;margin:0 auto;padding:28px 5vw 50px;border-top:1px solid #dfe8e7;color:#456;text-align:center}@media(max-width:800px){.site-header{display:block;padding:14px 20px}.site-header .brand img{width:150px;margin:0 auto 14px}.site-header nav{justify-content:center;gap:10px 16px}.site-header nav a{font-size:.9rem}.guide-page{padding:0 20px 48px}.guide-hero{display:block;margin:0 -20px 30px;border-radius:0}.guide-hero img{height:220px}.guide-hero>div{padding:24px 20px 28px}.guide-content{font-size:1rem}}
;

/* Legacy guide compatibility */
body:has(> header) > header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:18px 5vw;background:#fff;border-bottom:1px solid #dfe8e7;position:relative;z-index:2}
body:has(> header) > header>a{color:#123b3b;text-decoration:none;font-size:1.1rem;font-weight:700;white-space:nowrap}
body:has(> header) > header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,30px);flex-wrap:wrap}
body:has(> header) > header nav a{color:#123b3b;text-decoration:none;font-weight:600;line-height:1.2;white-space:nowrap}
body:has(> header) > main{max-width:900px;margin:0 auto;padding:56px 5vw 70px;line-height:1.7;color:#123b3b}
body:has(> header) > main .eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;color:#9fc500;margin:0 0 14px}
body:has(> header) > main h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.05;margin:.1em 0 .35em;color:#0d3737}
body:has(> header) > main h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;margin:1.7em 0 .35em;color:#0d3737}
body:has(> header) > main .lede{font-size:1.2rem;line-height:1.55;max-width:780px}
body:has(> header) > main p,body:has(> header) > main li{font-size:1.05rem}
body:has(> header) > footer{max-width:none;margin:0;padding:30px 5vw 50px;background:#062e2e;color:#fff;text-align:center;border:0}
@media(max-width:800px){body:has(> header) > header{display:block;padding:14px 20px}body:has(> header) > header>a{display:block;margin-bottom:14px;text-align:center}body:has(> header) > header nav{justify-content:center;gap:10px 16px}body:has(> header) > header nav a{font-size:.9rem}body:has(> header) > main{padding:36px 20px 50px}}