/* Legal pages (privacy.html, terms.html) — layered on styles.css.
   An external file on purpose: the production CSP is `style-src 'self'`, which
   blocks <style> blocks and style="" attributes (docs/WEB.md).

   Language: both languages are in the page. lang.js sets <html data-lang="da">
   before first paint; these rules only ever HIDE the other language, so every
   element keeps its natural display. Without JavaScript the page is English. */
html:not([data-lang="da"]) .only-da,
html[data-lang="da"] .only-en { display: none; }

.legal {
  position: relative; z-index: 1;
  max-width: 44rem; margin: 0 auto;
  padding: 3rem 1.4rem 4rem;
}
.legal h1 { font-size: 2rem; margin-bottom: .3rem; }
.legal h2 { font-size: 1.25rem; margin: 2.2rem 0 .6rem; color: var(--firefly-300); }
.legal p, .legal li { color: var(--paper-mute); line-height: 1.65; }
.legal ul { padding-left: 1.3rem; }
.legal li { margin: .35rem 0; }
.legal strong { color: var(--paper-50); }
.legal a { color: var(--firefly-300); text-underline-offset: 3px; }
.legal table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .92rem; }
.legal th, .legal td {
  text-align: left; padding: .5rem .6rem; vertical-align: top;
  border-bottom: 1px solid rgba(203, 214, 255, .12);
  color: var(--paper-mute);
}
.legal th { color: var(--paper-50); }
.legal .updated, .legal .version { font-size: .9rem; margin: .15rem 0; }
.legal .version { opacity: .85; }
.legal .toplinks { margin-bottom: 2rem; display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; }
.legal .toplinks a { color: var(--paper-mute); }
.legal .toplinks a:hover { color: var(--firefly-300); }
.tablewrap { overflow-x: auto; }