.support-page { width: min(920px, calc(100% - 48px)); margin: 0 auto; padding: 42px 0 80px; color: var(--ink); }
.support-intro { max-width: 780px; margin: 0 auto 36px; padding-bottom: 28px; border-bottom: 1px solid var(--rule); }
.support-eyebrow { margin: 0 0 14px; color: var(--mauve); font-size: .78rem; font-weight: 700; letter-spacing: .12em; }
.support-page h1 { margin: 0 0 40px; padding-bottom: 20px; border-bottom: 1px solid var(--rule); font: 500 clamp(2.5rem, 6vw, 4.4rem)/1.05 var(--serif); letter-spacing: -.035em; }
.support-page h2 { margin: 0 0 14px; font: 500 clamp(1.55rem, 3vw, 2rem)/1.2 var(--serif); }
.support-intro h2 { max-width: 30ch; margin-bottom: 16px; color: var(--mauve); }
.support-page h3 { margin: 0 0 5px; color: var(--ink); font: 700 1rem/1.4 var(--body); }
.support-page p, .support-page li { font-size: .97rem; line-height: 1.7; }
.support-page p { margin: 0 0 12px; }
.support-page a { color: var(--ink); text-decoration-color: var(--mauve); text-underline-offset: 3px; }
.support-page a:hover { color: var(--mauve); }
.support-section { padding: 27px 26px 29px; border-bottom: 1px solid var(--rule); }
.support-section:nth-of-type(even) { background: #edf3f4; }
.support-section ul { margin: 8px 0 0; padding-left: 22px; }
.support-section li + li { margin-top: 4px; }
.support-resource { margin-top: 20px; }
.support-resource:first-of-type { margin-top: 0; }
.support-emergency { margin-bottom: 36px; padding: 25px 28px; border: 1px solid var(--rule); background: #f5f0f3; }
.support-emergency p:last-child { margin-bottom: 0; }
.support-boundary { margin-top: 34px; padding: 25px 28px; background: #f5f0f3; }
.support-boundary p { margin-bottom: 12px; }
@media (max-width: 600px) { .support-page { padding-top: 28px; } .support-boundary { padding: 20px; } }