.situation-page{padding-bottom:4rem}.situation-breadcrumb{flex-wrap:wrap;gap:.5rem;padding-block:2rem;font-size:.875rem;display:flex}.situation-hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-block:1.5rem 4rem;display:grid}.situation-hero h1,.situations-intro h1{font:400 clamp(2.5rem, 4.4vw, 4.4rem)/1.04 var(--font-display);letter-spacing:-.04em}.situation-hero .lede{font-size:1.125rem}.situation-hero figure{margin:0}.situation-hero img{object-fit:contain;width:100%;height:auto;max-height:42rem;display:block}.situation-note{color:var(--color-text-muted);font-size:.875rem}.situation-research,.situation-records{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:3rem;padding-block:3rem;scroll-margin-top:2rem;display:grid}.situation-page h2{font:400 clamp(2rem, 3.2vw, 3rem)/1.1 var(--font-display);letter-spacing:-.03em}.situation-research li,.situation-records li{padding:.75rem 0 .75rem .5rem}.situation-next{background:var(--color-surface-subtle);padding:2rem}.situation-next>p{max-width:48rem}.situation-next li{margin-block:.65rem}.situation-diagnostic{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem}.situation-related{padding-top:3rem}.situation-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:0;list-style:none;display:grid}.situation-cards>li{border-top:1px solid var(--color-border);padding-block:1rem}.situation-cards h3{font:400 1.5rem/1.2 var(--font-display)}.situation-cards h3 a{text-underline-offset:.2em;text-decoration-thickness:1px}.situation-cards p{font-size:.9rem}.situations-intro{max-width:50rem;padding-block:3rem 2rem}.situation-categories{flex-wrap:wrap;gap:.75rem 1.5rem;padding-bottom:2rem;display:flex}.situation-group{padding-block:1rem;scroll-margin-top:2rem}@media (max-width:56rem){.situation-hero,.situation-research,.situation-records{grid-template-columns:1fr;gap:1.5rem}.situation-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:36rem){.situation-cards{grid-template-columns:1fr}.situation-next{padding:1.25rem}}.situation-card-image{width:100%;height:auto;margin-bottom:1.25rem;display:block}
