/* Terms and Privacy pages (Figma Privacy 461:5132, measured; Terms uses the same layout): page header (samf-m2-pagehead.css),
   then one article column 1024 wide centred in the 1500 / 40 gutter wrap, 40px above and 80px below the text, text 14/20 Bukra Light
   white, section headings the same 14/20 in SemiBold Performance Green, one blank line (20px) between blocks.
   Figma has no contents card and no date line: the card stays in the markup for screen readers / keyboard only (visible on focus),
   the date sits in the header's bottom padding under the title. Logical properties for RTL; tokens only. */
.samf-legal { color: var(--samf-color-text); }
.samf-legal .samf-legal-title { margin: 0; }
.samf-legal-updated { position: absolute; inset-block-start: calc(100% + 1rem); inset-inline-start: 2.5rem; margin: 0; color: var(--samf-color-muted); font-size: var(--samf-fs-body); line-height: 1.43; }

.samf-legal-column { max-inline-size: 64rem; margin-inline: auto; padding-block: 2.5rem 5rem; box-sizing: border-box; }

/* contents card: hidden from sight, reachable by keyboard and screen readers (it is a skip list), shown while focus is inside */
.samf-legal-toc { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.samf-legal-toc:focus-within { z-index: 5; inline-size: min(22rem, 100%); block-size: auto; margin: 0; overflow: visible; clip-path: none; white-space: normal; background: var(--samf-color-surface); border-radius: var(--samf-radius-lg); padding: 1.25rem 1.5rem; }
.samf-legal-toc__title { font-family: var(--m2-bukra); font-weight: 600; font-size: var(--samf-fs-h6); margin-block-end: .5rem; }
.samf-legal-toc ol { margin: 0; padding-inline-start: 1.5rem; display: grid; gap: .25rem; }
.samf-legal-toc a { display: inline-block; padding-block: .5rem; min-block-size: 2.75rem; color: var(--samf-color-primary); text-decoration: none; }
.samf-legal-toc a:hover { text-decoration: underline; }
.samf-legal-toc a:focus-visible, .samf-legal-body a:focus-visible { outline: 3px solid var(--samf-color-focus); outline-offset: 2px; }

.samf-legal-body { font-family: var(--m2-bukra); font-size: 0.875rem; line-height: 1.25rem; font-weight: 300; letter-spacing: 0; overflow-wrap: anywhere; color: var(--samf-color-text); }
.samf-legal-body p, .samf-legal-body ul, .samf-legal-body ol { margin-block: 0 1.25rem; }
.samf-legal-body li { margin: 0; }
.samf-legal-body h2, .samf-legal-body h3 {
  font-family: var(--m2-bukra); font-size: 0.875rem; font-weight: 600; line-height: 1.25rem; letter-spacing: 0;
  margin-block: 0; color: var(--samf-color-performance); scroll-margin-block-start: 1.5rem;
}
.samf-legal-body > :last-child { margin-block-end: 0; }
.samf-legal-body ul, .samf-legal-body ol { padding-inline-start: 1.5rem; }
.samf-legal-body a { color: var(--samf-color-primary); text-decoration: underline; }
@media (max-width: 1024px) { .samf-legal-column { padding-block: 3rem 3rem; } .samf-legal-updated { inset-inline-start: 1.5rem; } }
@media (max-width: 375px) { .samf-legal-updated { inset-inline-start: 1rem; } }
@media (prefers-reduced-motion: no-preference) { html:has(.samf-legal) { scroll-behavior: smooth; } }

/* visual-fix-1108 G5: Figma starts the header at y 0 under the transparent nav (sticky header = 125 at 1400+, hero starts at 76), as FAQs and Careers do. */
@media (min-width: 1400px) { .samf-legal.samf-m2-page { margin-block-start: -49px; } }
@media (max-width: 575.98px) { .samf-legal .samf-m2-wrap { padding-inline: 20px; } }