.guide-hero{background:var(--forest);color:var(--white);text-align:center;padding:clamp(4rem,8vw,5.5rem) 0 clamp(3rem,6vw,4rem);position:relative;overflow:hidden}.guide-hero-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-m);z-index:1;background:#7aaa8a29;border:1px solid #7aaa8a66;border-radius:999px;margin-bottom:1.375rem;padding:.45rem .875rem;font-size:.6875rem;font-weight:500;display:inline-block;position:relative}.guide-hero h1{font-family:var(--font-display);color:var(--white);z-index:1;max-width:55rem;margin:0 auto 1.125rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:600;line-height:1.15;position:relative}.guide-hero h1 em{color:var(--sage-m);font-style:italic;font-weight:400}.guide-hero-sub{color:#ffffffd6;z-index:1;max-width:37.5rem;margin:0 auto 1rem;font-size:1.125rem;line-height:1.65;position:relative}.guide-hero-meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6;z-index:1;margin:0;font-size:.6875rem;position:relative}.guide-hero .btn-primary{z-index:1;margin-top:1.5rem;position:relative}.guide-body{background:var(--cream);padding:clamp(3rem,6vw,4rem) 0}.guide-body h2{font-family:var(--font-display);color:var(--forest);margin:3rem 0 1rem;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;line-height:1.25}.guide-body h2:first-child{margin-top:0}.guide-body h3{font-family:var(--font-display);color:var(--forest);margin:2rem 0 .75rem;font-size:1.375rem;font-weight:600}.guide-body p,.guide-body li{color:var(--body);font-size:1.0625rem;line-height:1.7}.guide-body p{margin:0 0 1.125rem}.guide-body ul,.guide-body ol{margin:0 0 1.25rem;padding-left:1.5rem}.guide-body li{margin-bottom:.5rem}.guide-body strong{color:var(--forest);font-weight:600}.guide-body a{color:var(--sage);text-underline-offset:2px;text-decoration:underline}.guide-body a:hover{color:var(--forest)}.guide-split{align-items:center;gap:2rem;margin:2.5rem 0;display:grid}@media (width>=900px){.guide-split{grid-template-columns:1fr 1fr;gap:3rem}.guide-split.reverse .guide-visual{order:-1}}.guide-split>*{min-width:0}.guide-callout{background:var(--white);border-left:4px solid var(--sage);border-radius:var(--radius);margin:2rem 0;padding:1.375rem 1.75rem}.guide-callout h4{font-family:var(--font-display);color:var(--forest);margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.guide-callout p{margin:0;font-size:.9375rem}.guide-pillar{background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:1.25rem 0;padding:1.75rem 2rem}.guide-pillar h3{align-items:center;gap:.875rem;margin:0 0 .75rem;font-size:1.3125rem;display:flex}.guide-pillar-num{background:var(--sage-l);color:var(--forest);border-radius:var(--radius);width:2.25rem;height:2.25rem;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:inline-flex}.guide-pillar p{margin-bottom:.75rem;font-size:1rem}.guide-pillar p:last-child{margin-bottom:0}.guide-about{background:var(--white);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:3.5rem 0;padding:clamp(3rem,6vw,4rem) 0}.guide-related{background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:2.5rem 0;padding:1.75rem 2rem}.guide-related h3{font-family:var(--font-display);margin:0 0 .875rem;font-size:1.125rem}.guide-related ul{margin:0;padding:0;list-style:none}.guide-related li{border-bottom:1px solid var(--color-border);padding:.5rem 0;font-size:.9375rem}.guide-related li:last-child{border-bottom:none}.guide-related a{color:var(--forest);font-weight:500;text-decoration:none}.guide-related a:before{content:"→ ";color:var(--sage)}.guide-related a:hover{color:var(--sage);text-decoration:underline}.guide-cta-box{background:var(--forest);color:var(--white);border-radius:var(--radius-lg);text-align:center;margin:3.5rem 0 0;padding:clamp(2rem,4vw,3rem)}.guide-cta-box h3{font-family:var(--font-display);color:var(--white);margin:0 0 .75rem;font-size:1.625rem}.guide-cta-box p{color:#ffffffd1;max-width:30rem;margin:0 auto 1.5rem;font-size:1rem}.guide-cta-box .btn-primary{color:var(--white);text-decoration:none}.guide-cta-box .btn-primary:hover{color:var(--white)}.guide-visual{margin:0}.guide-visual figcaption{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;margin-top:.75rem;font-size:.6875rem}
