/* The legal pages. Values from Zadoosh Theme.md: ink surface for the top band,
   the accent mono eyebrow, Newsreader for headings, body ink on paper. The
   documents themselves are prose and carry their own classes: legal, updated,
   intro, toc, callout. */
.lg-page, .lg-page * { box-sizing: border-box }
.lg-page { font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif; color: #16181C; line-height: 1.6 }

.lg-top { background: #15171B; color: #E9EAEC; padding: 0 clamp(24px,5vw,72px) }
.lg-hero { padding: clamp(56px,7vw,92px) 0 clamp(56px,7vw,88px); display: flex; flex-direction: column; gap: 22px; max-width: 52ch; margin: 0 auto; align-items: center; text-align: center }
.lg-eyebrow { font-family: ui-monospace, monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #E8622E }
.lg-h1 { font-family: 'Newsreader', Georgia, serif; font-weight: 500; font-size: clamp(36px,4.4vw,58px); letter-spacing: -.026em; line-height: 1.06; margin: 0; color: #fff }

.lg-body { background: #fff; border-bottom: 1px solid #E2E2DE; padding: clamp(56px,7vw,88px) clamp(24px,5vw,72px) }
.legal { max-width: 74ch; margin: 0 auto }

.legal h2 { font-family: 'Newsreader', Georgia, serif; font-weight: 600; font-size: clamp(24px,2.6vw,30px); letter-spacing: -.018em; line-height: 1.25; color: #16181C; margin: 52px 0 14px; scroll-margin-top: 24px }
.legal h2:first-of-type { margin-top: 0 }
.legal h3 { font-size: 17.5px; font-weight: 600; color: #16181C; margin: 28px 0 8px }
.legal p { margin: 0 0 16px; font-size: 16.5px; line-height: 1.7; color: #3F444B; text-wrap: pretty }
.legal ul, .legal ol { margin: 0 0 18px; padding-left: 22px }
.legal li { font-size: 16.5px; line-height: 1.7; color: #3F444B; margin-bottom: 8px }
.legal strong { font-weight: 600; color: #16181C }
.legal a { color: #E8622E; border-bottom: 1px solid #F2C8B6; text-decoration: none }
.legal a:hover { color: #C9501F; border-bottom-color: #E8622E }
.legal a:focus-visible { outline: 2px solid #E8622E; outline-offset: 3px }

.legal .updated { font-family: ui-monospace, monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8B9199; margin-bottom: 28px }
.legal .intro { font-size: 17.5px; line-height: 1.7; color: #5C6169; margin-bottom: 36px }
.legal .intro p { font-size: 17.5px; color: #5C6169 }

.legal .toc { background: #FAFAF9; border: 1px solid #E2E2DE; border-radius: 6px; padding: 22px 26px; margin-bottom: 44px }
.legal .toc ul, .legal .toc ol { margin: 0; padding-left: 20px }
.legal .toc li { font-size: 15px; margin-bottom: 6px }

.legal .callout { background: #FFF8F4; border: 1px solid #F2C8B6; border-radius: 6px; padding: 20px 24px; margin: 28px 0 }
.legal .callout p { margin-bottom: 0; color: #B4551F }

.legal table { width: 100%; border-collapse: collapse; margin: 0 0 24px; font-size: 15px }
.legal th { text-align: left; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8B9199; font-weight: 600; padding: 10px 14px; border-bottom: 1px solid #E2E2DE }
.legal td { padding: 11px 14px; border-bottom: 1px solid #EDEDE9; color: #3F444B; vertical-align: top }
.legal tr:last-child td { border-bottom: 0 }