/* THE LEGAL PAGES (templates/public/legal/, 2026-10-14): plain reading, both themes, phone first.
   Colours are tokens on :root, redefined for dark mode; the body states its own background. */
:root { --lg-paper: #faf7f1; --lg-ink: #221d17; --lg-dim: #6b6157; --lg-rule: #e2dacd; --lg-link: #8a5a12; }
@media (prefers-color-scheme: dark) {
  :root { --lg-paper: #14110e; --lg-ink: #ece5da; --lg-dim: #a99f92; --lg-rule: #2e2822; --lg-link: #e0b25a; }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--lg-paper); color: var(--lg-ink); }
body.lg { font: 1rem/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.lg-main { max-width: 46rem; margin: 0 auto; padding: 2rem 16px 4rem; }
.lg-eyebrow { margin: 0 0 1.4rem; font-size: .8rem; letter-spacing: .2em; text-transform: uppercase; }
.lg-eyebrow a { color: var(--lg-dim); text-decoration: none; }
h1 { font-size: clamp(1.7rem, 6vw, 2.3rem); line-height: 1.15; margin: 0 0 .6rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; padding-top: 1rem; border-top: 1px solid var(--lg-rule); }
p, li { max-width: 42rem; }
a { color: var(--lg-link); }
.lg-lede { font-size: 1.08rem; color: var(--lg-dim); }
table { width: 100%; border-collapse: collapse; font-size: .92rem; margin: .6rem 0 1rem; }
th, td { text-align: left; vertical-align: top; padding: .45rem .5rem; border-bottom: 1px solid var(--lg-rule); }
th { font-weight: 600; }
td code, li code { font-size: .88em; word-break: break-all; }
@media (max-width: 560px) { table, thead, tbody, tr, th, td { display: block; } thead { display: none; }
  tr { padding: .5rem 0; border-bottom: 1px solid var(--lg-rule); } td { border: 0; padding: .1rem 0; } }
.lg-updated { margin-top: 2.5rem; color: var(--lg-dim); font-size: .9rem; }
.lg-nav { margin-top: .6rem; font-size: .92rem; color: var(--lg-dim); }