/* Legal documents (Terms of Use, etc.) — a clean, readable single-column layout
   on the public marketing base. */

.legal { max-width: 820px; margin: 0 auto; padding: 56px 24px 96px; }

.legal__head { margin-bottom: 30px; padding-bottom: 22px; border-bottom: 1px solid var(--bc-light-gray); }
.legal__head h1 { font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.08; color: var(--bc-dark); }
.legal__head .legal__meta { margin-top: 8px; font-size: .9rem; color: var(--bc-gray); }

.legal__body { color: var(--bc-text); line-height: 1.7; font-size: 1rem; }
.legal__body h2 { font-size: 1.28rem; font-weight: 800; letter-spacing: -.01em; color: var(--bc-dark); margin: 40px 0 12px; }
.legal__body p { margin: 0 0 16px; }
.legal__body ul { margin: 0 0 18px; padding-left: 22px; }
.legal__body li { margin: 0 0 9px; }
.legal__body li::marker { color: var(--bc-primary); }
.legal__body strong { color: var(--bc-dark); font-weight: 700; }
.legal__body a { color: var(--bc-primary); font-weight: 600; }

/* All-caps legal blocks (disclaimers, liability, jury waiver) — set a touch
   smaller with looser tracking so a wall of capitals stays readable. */
.legal__caps { font-size: .92rem; letter-spacing: .01em; color: var(--bc-gray); }