/* Supporting pages share the new masthead and local typography. */
.support-page .eyebrow { font: 10px/1.6 var(--mono); letter-spacing: .05em; margin-bottom: 25px; }
.support-page .legal-content { max-width: 790px; margin-inline: auto; }
.support-page h1 { font-size: clamp(62px,8vw,112px); line-height: .95; text-transform: uppercase; }
.support-page .legal-intro { margin-top: 35px; font-size: 20px; line-height: 1.5; }
.support-page .updated { color: var(--muted); font: 10px/1.6 var(--mono); margin-top: 25px; }
.support-page .legal-content section { padding-top: 30px; border-top: 1px solid var(--line); margin-top: 40px; }
.support-page .legal-content h2 { font-size: 39px; line-height: 1.1; margin-bottom: 20px; }
.support-page .legal-content section p { font-size: 15px; line-height: 1.8; margin-bottom: 15px; }
.support-page .legal-content section a { text-decoration: underline; text-underline-offset: 4px; }
.support-page .legal-content > .button { margin-top: 25px; }
.support-page .footer-legal { display: flex; flex-wrap: wrap; gap: 12px 30px; font-size: 12px; margin-bottom: 22px; }
.support-page .footer-legal a { min-height: 44px; display: inline-flex; align-items: center; }
.support-page .footer-bottom { font-size: 9px; }
.support-page .error-layout { min-height: 75svh; display: grid; grid-template-columns: .8fr 1fr; gap: 7%; align-items: center; }
.support-page .error-number { font: 700 clamp(130px,28vw,440px)/.8 var(--display); color: var(--accent); }
.support-page .error-layout h1 { font-size: clamp(60px,6vw,100px); }
.support-page .error-layout h1 em { font-style: normal; -webkit-text-stroke: 1px var(--ink); color: transparent; }
.support-page .error-layout h1 + p { margin-top: 28px; max-width: 42ch; }
.support-page .error-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 15px 25px; }
@media (max-width: 600px) { .support-page h1 { font-size: 15vw; overflow-wrap: anywhere; } .support-page .support-back { font-size: 11px; gap: 10px; } .support-page .legal-intro { font-size: 17px; } .support-page .legal-content h2 { font-size: 32px; } .support-page .error-layout { grid-template-columns: 1fr; gap: 40px; } .support-page .error-number { font-size: 46vw; } }
