/* Static support and privacy pages share the app's semantic tokens. */
.support-wrap { width: min(100%, 960px); margin-inline: auto; display: grid; gap: var(--space-5); }
.support-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-5); }
.support-header .actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.support-hero { padding: clamp(24px, 5vw, 56px); }
.support-hero .text-display { margin: var(--space-4) 0; font-size: clamp(40px, 8vw, 76px); letter-spacing: -.035em; }
.support-hero p { max-width: 66ch; }
.support-intro { font-size: var(--text-lg); line-height: var(--leading-body); }
.support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.support-wrap p { overflow-wrap: anywhere; }
.support-wrap .pad { padding: var(--space-6); }
.support-wrap .text-heading, .support-wrap .text-title { margin-top: 0; }
.support-wrap section > p:last-child { margin-bottom: 0; }
.support-faq details { border-top: 1px solid var(--line); padding-block: var(--space-4); }
.support-faq details:first-of-type { margin-top: var(--space-5); }
.support-faq details:last-child { padding-bottom: 0; }
.support-faq summary { cursor: pointer; font-weight: var(--weight-strong); }
.support-faq summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: var(--radius-sm); }
.support-faq details p { max-width: 76ch; margin-bottom: 0; }
.privacy-copy { max-width: 840px; }
.privacy-copy section { padding: var(--space-6); }
.privacy-copy section p { max-width: 76ch; }
.privacy-copy .actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
@media (max-width: 640px) {
  .support-grid { grid-template-columns: minmax(0, 1fr); }
  .support-wrap .pad, .privacy-copy section { padding: var(--space-5); }
}