/* Legal pages: long-form reading on the same tokens as the landing page. */
.legal-top { border-bottom: 1px solid var(--hair); background: #fff; }
.legal-top__in { max-width: 52rem; margin-inline: auto; padding: 1rem var(--sc-gutter); display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.legal-top img { width: 128px; height: auto; }
.legal-top a { color: #000; font-weight: 600; }
.legal-page { max-width: 52rem; margin-inline: auto; padding: clamp(2.5rem, 6vw, 4.5rem) var(--sc-gutter) var(--sc-section); }
.legal-page h1 { font-size: clamp(2rem, 1.5rem + 2vw, 3rem); line-height: 1.1; margin: 0 0 0.5rem; letter-spacing: -0.01em; }
.legal-meta { color: var(--sc-ink-soft); margin: 0 0 2rem; font-size: 0.95rem; }
.legal-draft { border: 1px solid var(--clay); border-radius: var(--r); padding: 1rem 1.15rem; margin: 0 0 2.5rem; background: rgba(178, 83, 42, 0.05); line-height: 1.55; }
.legal-draft strong { color: var(--clay); }
.legal h2 { font-size: clamp(1.3rem, 1.15rem + 0.6vw, 1.65rem); margin: 2.5rem 0 0.75rem; line-height: 1.25; }
.legal h3 { font-size: 1.15rem; margin: 1.5rem 0 0.5rem; }
.legal p, .legal li { line-height: 1.7; max-width: 68ch; }
.legal p { margin: 0 0 1rem; }
.legal ul, .legal ol { padding-inline-start: 1.25rem; margin: 0 0 1rem; }
.legal li + li { margin-top: 0.35rem; }
.legal a { color: #000; font-weight: 600; }
.legal table { border-collapse: collapse; width: 100%; margin: 0 0 1.25rem; font-size: 0.95rem; }
.legal th, .legal td { text-align: start; vertical-align: top; padding: 0.6rem 0.5rem; border-bottom: 1px solid var(--hair); }
.legal th { font-weight: 700; border-bottom-color: var(--hair-strong); }
.todo { background: rgba(178, 83, 42, 0.1); color: #000; padding: 0.05em 0.3em; border-radius: 3px; border-bottom: 1px dashed var(--clay); font-weight: 600; }
.legal-foot { border-top: 1px solid var(--hair); }
.legal-foot__in { max-width: 52rem; margin-inline: auto; padding: 2rem var(--sc-gutter) calc(5rem + env(safe-area-inset-bottom)); display: flex; flex-wrap: wrap; gap: 0.75rem 1.75rem; font-size: 0.95rem; }
.legal-foot a { color: #000; }
.legal-foot a[aria-current="page"] { font-weight: 700; text-decoration: none; }
@media (max-width: 600px) { .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; } .legal thead { display: none; } .legal td { border: 0; padding: 0.15rem 0; } .legal tr { padding: 0.75rem 0; border-bottom: 1px solid var(--hair); } .legal td:first-child { font-weight: 700; } }