/* The support screens use the landing page's type scale and white-page styling. */
html { font-size: 18px; }
body { font-family: Inter, Arial, sans-serif; }
.legal-shell { width: min(1180px, calc(100% - 32px)); }
.legal-nav { gap: 8px; }
.legal-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 13px;
    border: 1px solid transparent;
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: .04em;
    color: var(--ink);
}
.legal-nav a:hover, .legal-nav a[aria-current="page"] {
    background: var(--white);
    border-color: var(--line);
    color: var(--blue);
}
.support-main { overflow-wrap: anywhere; }
.support-main h1, .support-main h2, .support-main h3 {
    font-family: Rajdhani, Inter, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.support-hero { padding: clamp(48px, 7vw, 86px) 0 38px; }
.support-hero h1 { max-width: 820px; font-size: clamp(3.2rem, 7.5vw, 5.4rem); line-height: .92; margin: 20px 0 24px; }
.support-hero .hero-copy { max-width: 840px; font-size: clamp(1.24rem, 2vw, 1.65rem); line-height: 1.58; color: #2d4156; }
.legal-eyebrow { font: 800 .82rem/1.5 "Courier New", monospace; letter-spacing: .14em; }
.support-main h2 { font-size: clamp(2rem, 3.2vw, 2.6rem); line-height: 1.05; }
.support-main h3 { font-size: 1.6rem; line-height: 1.15; }
.support-main input, .support-main textarea, .support-main select { font-family: Inter, Arial, sans-serif; border-radius: 0; }
.support-card { border-radius: 0; }
.support-main .button {
    font-family: Inter, Arial, sans-serif;
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.3;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 0 12px 28px rgba(18, 104, 179, .14);
}
.support-main .button.secondary { box-shadow: none; }
.product-picker select { flex-basis: 340px; }
.quiet-card { border-top: 3px solid var(--blue); background: #eef6f9; }
.support-grid > *, .form-pair > *, .download-grid > * { min-width: 0; }
@media (min-width: 768px) {
    html { font-size: 20px; }
}
@media (max-width: 760px) {
    .legal-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 4px; }
    .legal-nav a { justify-content: center; font-size: .8rem; padding: 8px 9px; }
    .support-hero h1 { font-size: clamp(2.8rem, 11vw, 3.6rem); }
    .support-hero .hero-copy { font-size: 1.08rem; line-height: 1.45; }
    .support-hero { padding-top: 38px; }
    .product-picker select { flex: 1 1 180px; min-width: 0; }
    #ask, #latest, .help-section, .downloads-section { scroll-margin-top: 200px; }
}