.situation-page .situation-shell,
.situation-page .situation-shell--prose,
.situation-page .situation-shell--faq { width: min(calc(100% - (2 * var(--shell-pad))), var(--container)); max-width: var(--container); margin-inline: auto; }
.situation-page .situation-hero h1 { font-size: var(--text-display); line-height: var(--leading-display); }
.situation-page .situation-section h2 { font-size: var(--text-section-title); line-height: var(--leading-section-title); }
.situation-page .situation-hero__lede,
.situation-page .situation-reframe p,
.situation-page .situation-v3-close p { max-width: var(--container-copy); }
.situation-page .situation-vignette { background: hsl(var(--surface-deep)); }
.situation-page .situation-moves__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.situation-page .situation-cases__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.situation-page .situation-upsell__card:focus-visible { outline: var(--focus-width) solid hsl(var(--accent-conversion)); outline-offset: var(--focus-offset); }
.situation-page .situation-v3-close { background: hsl(var(--surface-deep)); color: hsl(var(--accent-on-dark)); }
.situation-page .situation-v3-close h2 { color: hsl(var(--foreground)); }
.situation-page .situation-v3-close p { color: hsl(var(--muted-warm)); }
@media (max-width: 1023px) { .situation-page .situation-moves__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.situation-page .situation-moves__grid,
	.situation-page .situation-cases__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .situation-page .situation-upsell__card { transition: none; } }