.state-facts { background: var(--color-surface); border-bottom: var(--border-thin); padding: var(--space-7) 0; }
    .state-facts__grid { display: grid; grid-template-columns: 1fr; gap: var(--space-5); }
    @media (min-width: 768px) { .state-facts__grid { grid-template-columns: repeat(4, 1fr); } }
    .state-fact { padding-left: var(--space-5); border-left: 2px solid var(--color-brand-orange); }
    .state-fact__label { font-family: var(--font-sans); font-size: var(--text-xs); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-text-muted); font-weight: var(--weight-semibold); margin-bottom: var(--space-2); }
    .state-fact__value { font-family: var(--font-mono); font-variant-numeric: tabular-nums; font-size: var(--text-xl); font-weight: var(--weight-semibold); color: var(--color-ink); letter-spacing: -0.02em; line-height: 1.1; }
    .state-fact__sub { font-size: var(--text-sm); color: var(--color-text-muted); margin-top: var(--space-2); line-height: 1.45; }
    .state-basins { display: grid; grid-template-columns: 1fr; gap: var(--space-5); margin-top: var(--space-6); }
    @media (min-width: 768px) { .state-basins { grid-template-columns: 1fr 1fr; } }
    .state-basin { padding: var(--space-6); background: var(--color-surface-elevated); border: var(--border-thin); border-radius: var(--radius-md); border-top: 3px solid var(--color-brand-orange); }
    .state-basin__name { font-family: var(--font-serif); font-size: var(--text-xl); color: var(--color-ink); font-weight: var(--weight-semibold); letter-spacing: -0.01em; margin-bottom: var(--space-2); }
    .state-basin__area { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-brand-orange-deep); letter-spacing: -0.005em; text-transform: uppercase; margin-bottom: var(--space-3); }
    .state-basin__desc { font-size: var(--text-base); color: var(--color-text); line-height: 1.55; }
    .state-ops { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-5); }
    .state-op-chip { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text); padding: 4px 10px; border: 1px solid var(--color-hairline-strong); border-radius: var(--radius-pill); background: var(--color-surface); letter-spacing: -0.005em; }
    .state-quirks { background: var(--color-surface-sunken); padding: var(--space-9) 0; border-top: var(--border-thin); border-bottom: var(--border-thin); }
    .state-example { background: var(--color-brand-navy); color: var(--color-surface); padding: var(--space-9) 0; }
    .state-example .eyebrow { color: var(--color-brand-orange); }
    .state-example h2 { color: var(--color-surface); font-size: clamp(1.8rem, 3vw, 2.4rem); letter-spacing: var(--tracking-tight); margin-bottom: var(--space-5); text-wrap: balance; max-width: 24ch; }
    .state-example__hook { font-family: var(--font-serif); font-size: var(--text-lg); line-height: var(--leading-body); color: rgba(255,255,255,0.9); max-width: 60ch; font-style: italic; padding-left: var(--space-5); border-left: 2px solid var(--color-brand-orange); margin-bottom: var(--space-6); }
    .state-example__sketch { font-family: var(--font-sans); font-size: var(--text-base); color: rgba(255,255,255,0.8); line-height: var(--leading-body); max-width: 62ch; margin-top: var(--space-4); }