/* metime.ink policy pages (/legal/<slug>/, generated by scripts/build_site.py). Loaded after landing.css: same tokens,
   fonts, header and footer; a plain reading column, no scripts. */
.lg-page .top { position: sticky; }
.lg { padding-top: 28px; padding-bottom: 72px; }
.lg-tabs { display: flex; gap: 4px; margin: 0 calc(-1 * var(--g)) 36px; padding: 0 var(--g) 10px; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.lg-tabs a { flex: none; display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: 10px; font: 600 12.5px/1 var(--disp); font-stretch: 85%; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); text-decoration: none; white-space: nowrap; }
.lg-tabs a:hover { color: var(--paper-hi); }
.lg-tabs a[aria-current="page"] { background: var(--ink3); color: var(--paper-hi); }
.lg-doc { max-width: 720px; }
.lg-doc h1 { margin: 0 0 10px; font: 500 clamp(34px, 7vw, 56px)/1 var(--disp); font-stretch: 64%; letter-spacing: .005em; text-transform: uppercase; color: var(--paper-hi); }
.lg-doc h2 { margin: 40px 0 12px; font: 600 20px/1.3 var(--disp); color: var(--paper-hi); scroll-margin-top: 90px; }
.lg-doc p, .lg-doc li { font: 400 17.5px/1.65 var(--read); color: #DDD2C0; }
.lg-doc p { margin: 0 0 14px; }
.lg-doc ul { margin: 0 0 14px; padding-left: 1.2em; list-style: disc; }
.lg-doc li { margin: 0 0 8px; }
.lg-doc li::marker { color: var(--dim); }
.lg-doc .lg-updated { margin-bottom: 26px; font: 500 13.5px/1.4 var(--disp); color: var(--dim); }
.lg-doc .lg-note { padding: 14px 16px; border: 1px solid var(--line-amber); border-radius: 12px; background: rgba(233, 163, 91, .06); }
@media (min-width: 1024px) { .lg-tabs { flex-wrap: wrap; overflow: visible; } }