.guide-index-head,.guide-hero,.guide-layout,.guide-cards,.guide-measures {display:grid;gap:clamp(1rem,3vw,3rem)}
.guide-index-head {grid-template-columns:1fr auto;align-items:baseline;margin-bottom:1.6rem}
.guide-index-head :is(h1,h2),.guide-story h1,.guide-copy h2,.guide-card h3 {margin:0;line-height:1.08;text-wrap:balance}
.guide-index-head h1 {font-size:clamp(3rem,7vw,6rem)}
.guide-index-head>a {font-weight:700;text-decoration:underline;text-underline-offset:.22em}
.guide-index>.lead {margin:0 0 2rem;max-width:55ch}
.guide-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.guide-card {min-width:0;overflow:hidden;border:1px solid #d4dcdf;border-radius:14px;display:block;color:#172432;background:white;text-decoration:none}
.guide-card:hover,.guide-card:focus-visible {border-color:#a80061}
.guide-card img,.guide-hero img {display:block;width:100%;height:auto}
.guide-card>div {padding:1.25rem 2.5rem 1.5rem 1.25rem;position:relative}
.guide-card small,.guide-byline,.guide-hero figcaption {font-size:.875rem;color:#4e6067}
.guide-card h3 {font-size:clamp(1.25rem,2vw,1.7rem);margin-top:.5rem}
.guide-card span {position:absolute;right:1rem;top:1.15rem;color:#9b0059}
.guide-hero {grid-template-columns:4fr 5fr;align-items:center;padding:2.2rem 0 3rem}
.guide-hero h1 {font-size:clamp(2.7rem,5vw,5.2rem);letter-spacing:-.045em}
.guide-hero figure {margin:0}
.guide-hero img {border-radius:14px}
.guide-hero figcaption {margin:.4rem 0 0;text-align:right}
.guide-layout {grid-template-columns:minmax(170px,1fr) minmax(0,740px);justify-content:space-between;border-top:1px solid #c9d7db;padding-top:2.5rem}
.guide-layout nav {align-self:start;display:grid;gap:.8em;max-width:32ch;border-left:3px solid #008aa8;padding-left:1.1rem}
.guide-layout nav a,.guide-copy a {color:#005f79;text-decoration:underline;text-underline-offset:.18em}
.guide-copy {font-size:1.1rem;line-height:1.65}
.guide-copy .guide-answer {background:#edf7f8;border-radius:12px;padding:clamp(1.15rem,2vw,2rem);font-size:1.22rem;margin-top:0}
.guide-copy section {margin:2.2rem 0;scroll-margin-top:6rem}
.guide-copy h2,.guide-related h2 {font-size:clamp(1.5rem,3vw,2.25rem)}
.guide-copy li {margin:.65rem 0}
.guide-measures {grid-template-columns:repeat(3,1fr);gap:.5rem}
.guide-measures div,.guide-choices div {background:#f4f5f6;padding:1rem;border-radius:8px}
.guide-measures dt {font-size:.88rem}
.guide-measures dd,.guide-choices dt {font-weight:750}
.guide-measures dd,.guide-choices dd {margin:0}
.guide-choices {display:grid;gap:.6rem}
.guide-related {margin:3rem 0}
.guide-related .guide-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.guide-hero,.guide-layout,.guide-cards,.guide-index-head,.guide-related .guide-cards{grid-template-columns:minmax(0,1fr)}.guide-hero{padding:1rem 0}.guide-layout nav{max-width:none}.guide-measures{grid-template-columns:minmax(0,1fr)}.guide-index-head{gap:.6rem}}