/* the legal pages: a plain, readable document on the site's own colours */
:root { --lg-bg: #f1f1ef; --lg-ink: #151515; --lg-ink2: #4a4a47; --lg-line: #d6d6d2; --lg-red: #c2301c; --lg-card: #fff; }
[data-bs-theme=dark] { --lg-bg: #131313; --lg-ink: #ededeb; --lg-ink2: #b4b4af; --lg-line: #2c2c2a; --lg-red: #e2583f; --lg-card: #1b1b1a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--lg-bg); color: var(--lg-ink); font: 1.0625rem/1.65 "Atkinson Hyperlegible Next", system-ui, "Segoe UI", sans-serif; }
.lg-wrap { max-width: 46rem; margin: 0 auto; padding: 0 1.25rem; }
.lg-head { border-bottom: 1px solid var(--lg-line); background: var(--lg-card); }
.lg-head .lg-wrap { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3.5rem; flex-wrap: wrap; }
.lg-brand { font: 700 1.1rem "Space Grotesk", sans-serif; color: var(--lg-ink); text-decoration: none; letter-spacing: .01em; }
.lg-back, .lg-doc a, .lg-links a { color: var(--lg-red); }
.lg-back { font-size: .9375rem; text-decoration: none; }
.lg-right { display: flex; align-items: center; gap: 1.1rem; flex-wrap: wrap; }
.lg-lang { font-size: .875rem; color: var(--lg-ink2); text-decoration: none; }
.lg-lang.on { color: var(--lg-ink); font-weight: 700; border-bottom: 2px solid var(--lg-red); }
.lg-lang:hover { color: var(--lg-ink); }
.lg-back:hover, .lg-links a:hover { text-decoration: underline; }
.lg-main { padding: 2.5rem 0 3rem; }
.lg-doc h1 { font: 700 clamp(1.9rem, 4vw, 2.6rem)/1.15 "Space Grotesk", sans-serif; margin: 0 0 .5rem; }
.lg-doc h2 { font: 600 1.4rem/1.25 "Space Grotesk", sans-serif; margin: 2.2rem 0 .6rem; }
.lg-doc p, .lg-doc li { max-width: 42rem; }
.lg-doc em { color: var(--lg-ink2); }
.lg-doc ul, .lg-doc ol { padding-left: 1.3rem; }
.lg-doc li { margin: .25rem 0; }
.lg-doc code { font: .92em "Atkinson Hyperlegible Mono", ui-monospace, monospace; background: color-mix(in srgb, currentColor 9%, transparent); padding: .1em .35em; border-radius: .25rem; }
.lg-doc table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; }
.lg-doc th, .lg-doc td { border: 1px solid var(--lg-line); padding: .55rem .7rem; text-align: left; vertical-align: top; }
.lg-doc th { background: color-mix(in srgb, currentColor 6%, transparent); }
.lg-index { list-style: none; padding: 0; margin: 1.5rem 0 0; }
.lg-index li { display: flex; flex-direction: column; padding: .9rem 0; border-top: 1px solid var(--lg-line); }
.lg-index a { font: 600 1.15rem "Space Grotesk", sans-serif; text-decoration: none; }
.lg-index a:hover { text-decoration: underline; }
.lg-index span { color: var(--lg-ink2); font-size: .95rem; }
.lg-foot { border-top: 1px solid var(--lg-line); padding: 1.5rem 0 2.5rem; font-size: .9375rem; color: var(--lg-ink2); }
.lg-links { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; }
.lg-foot p { margin: 0; }
@media print { .lg-head, .lg-foot { display: none; } body { background: #fff; color: #000; } }