/* Support and privacy use the index page's 1440px content width and gutters. */
.content-page { --content-gutter: clamp(24px, 5vw, 72px); background: #101112; font-size: 16px; }
.content-container { width: calc(100% - var(--content-gutter) * 2); max-width: 1440px; margin-inline: auto; container-type: inline-size; }
.content-page .site-header { padding-inline: max(var(--content-gutter), calc((100% - 1440px) / 2)); background: #000000ed; }
.content-page .site-footer { padding: clamp(50px, 5vw, 90px) 0 20px; background: #000; }
.content-page .section-kicker { font-size: 11px; margin-bottom: 24px; }
.support-page .support-hero { display: block; padding: clamp(64px, 6vw, 96px) 0; }
.support-hero-inner { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(36px, 5vw, 72px); }
.support-hero-inner>div, .support-page .privacy-callout>div { min-width: 0; }
.support-page .support-copy h1 { font-size: clamp(42px, 5.3cqw, 76px); line-height: 1.1; }
.support-page .support-copy>p { font-size: 18px; line-height: 1.7; margin-top: 28px; }
.support-page .support-card { padding: clamp(28px, 3cqw, 44px); }
.support-page .support-card h2 { font-size: clamp(32px, 3cqw, 42px); }
.support-page .support-card p { font-size: 16px; line-height: 1.75; }
.support-page .support-card .button { font-size: 14px; padding: 13px 20px; gap: 24px; }
.support-page .support-card em { font-size: 13px; }
.support-page .support-faq { padding: clamp(72px, 7vw, 100px) 0; background: #0d0d0f; }
.support-page .support-privacy { padding: clamp(64px, 6vw, 96px) 0; }
.support-page .privacy-callout { gap: clamp(32px, 4vw, 64px); margin: 0 auto; padding: clamp(28px, 3cqw, 44px); }
.support-page .privacy-callout h2 { font-size: clamp(30px, 3.2cqw, 46px); line-height: 1.15; }
.support-page .privacy-callout p { font-size: 16px; }
.support-page .privacy-callout .text-link { font-size: 14px; gap: 20px; }
@media (max-width: 760px) {
  .support-page .support-hero { padding-block: 48px 64px; }
  .support-hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .support-page .support-copy>p { font-size: 16px; }
  .support-page .support-card { padding: 28px; }
  .support-page .support-faq, .support-page .support-privacy { padding-block: 64px; }
  .support-page .privacy-callout { grid-template-columns: 1fr; gap: 26px; padding: 28px; }
}
@media (max-width: 600px) {
  .content-page .site-footer { padding-top: 40px; }
}
@media (max-width: 360px) {
  .support-page .support-copy h1 { font-size: 38px; }
  .support-page .support-card, .support-page .privacy-callout { padding: 24px; }
  .support-page .support-card .button { gap: 18px; padding-inline: 16px; }
}
