/* Static pages (/privacy /terms /support /about /offline): extras on top of
   /tokens.css + /design/app.css + /design/mockups.css (design mockups-v2). */
.static-page .scroll { padding-bottom: calc(var(--safe-bottom) + 110px); }
.legal blockquote { margin: 0 0 16px; padding: 12px 16px; border-radius: 14px; background: var(--color-accent-soft); }
.legal blockquote p { margin: 0; color: var(--color-text-primary); }
.legal h3 { font: var(--text-headline); margin: 18px 0 6px; }
.legal strong { color: var(--color-text-primary); font-weight: 600; }
.legal table { width: 100%; border-collapse: collapse; margin: 8px 0 14px; font: var(--text-footnote); display: block; overflow-x: auto; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--color-divider); min-width: 120px; color: var(--color-text-secondary); }
.legal th { color: var(--color-text-primary); font-weight: 600; }
.legal hr { border: 0; border-top: 1px solid var(--color-divider); margin: 22px 0; }
.legal .summary li span { color: var(--color-text-primary); }
.legal .toc a { padding: 6px 12px; border-radius: 999px; background: var(--color-accent-soft); color: var(--color-accent); font: 600 13px/1.2 var(--font-ui); letter-spacing: 0; text-decoration: none; }
.legal h2[id] { scroll-margin-top: 12px; }
.legal .affiliation { margin-top: 18px; }
.crisis-card--full { align-items: flex-start; margin-top: 14px; }
.crisis-card--full .crisis-tile { width: 40px; height: 40px; border-radius: 12px; }
.crisis-card--full .crisis-tile .ic { width: 20px; height: 20px; }
.crisis-body { font: var(--text-subheadline); color: var(--color-text-primary); }
.crisis-body p { margin: 0 0 6px; }
.crisis-body ul { margin: 0 0 6px; padding-left: 18px; }
.crisis-body li { margin: 2px 0; color: var(--color-text-secondary); }
.crisis-body a, .faq a, .support-note a, .static-links a { color: var(--color-accent); font-weight: 600; text-decoration: none; }
.faq { margin-top: 22px; }
.faq .cell__label small p { margin: 0 0 6px; }
.faq .cell__label small ol { margin: 4px 0 6px; padding-left: 20px; }
.support-note { text-align: center; }
.static-links { text-align: center; font: var(--text-footnote); color: var(--color-text-tertiary); margin: 22px 0 8px; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.contact-note { margin: 0; }