/* Privacy Notice + Legal Notice pages (privacy.html, legal.html) */
:root{
  --lime:#BAE21E; --lime-deep:#6E9412;
  --bg:#F6F7F3; --fg:#0B0C0E; --mut:#5A5E52; --line:rgba(11,12,14,.12); --card:#FFFFFF;
  --font:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0B0C0E; --fg:#F2F3EE; --mut:#A4A89B; --line:rgba(255,255,255,.12); --card:#15171A; --lime-deep:#BAE21E; }
}
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background:var(--bg); color:var(--fg); font-family:var(--font); font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:inherit; text-decoration-color:var(--lime-deep); text-underline-offset:3px; }
a:hover{ color:var(--lime-deep); }
:focus-visible{ outline:2px solid var(--lime-deep); outline-offset:3px; border-radius:4px; }

.lg-top{ position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px max(16px, calc((100% - 820px) / 2)); background:color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.lg-brand{ display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:18px; text-decoration:none; }
.lg-brand svg{ width:32px; height:32px; }
.lg-langs{ display:inline-flex; gap:2px; padding:3px; border-radius:99px; box-shadow:inset 0 0 0 1px var(--line); }
.lg-langs button{ font:inherit; font-size:13px; font-weight:600; border:0; background:transparent; color:var(--mut); padding:4px 10px; border-radius:99px; cursor:pointer; }
.lg-langs button[aria-pressed="true"]{ background:var(--fg); color:var(--bg); }

main{ max-width:820px; margin:0 auto; padding:32px 16px 64px; }
.lg-back{ display:inline-block; margin-bottom:24px; font-size:14px; font-weight:600; color:var(--mut); text-decoration:none; }
.lg-back:hover{ color:var(--fg); }
h1{ font-size:clamp(30px, 6vw, 46px); line-height:1.1; letter-spacing:-.03em; margin:0 0 8px; }
.lg-meta{ color:var(--mut); font-size:14px; margin:0 0 28px; }
.lg-lead{ font-size:17px; }
h2{ font-size:20px; line-height:1.3; margin:36px 0 10px; letter-spacing:-.01em; }
p, ul{ margin:0 0 12px; }
ul{ padding-left:20px; }
li{ margin-bottom:6px; }
.lg-card{ padding:16px 18px; border-radius:14px; background:var(--card); box-shadow:inset 0 0 0 1px var(--line); margin:0 0 12px; }
.lg-card p:last-child{ margin-bottom:0; }
.lg-table{ width:100%; border-collapse:collapse; margin:0 0 12px; font-size:15px; }
.lg-table th, .lg-table td{ text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line); }
.lg-table th{ font-size:13px; color:var(--mut); font-weight:600; }
@media (max-width:560px){
  .lg-table thead{ display:none; }
  .lg-table tr{ display:block; padding:10px 0; border-bottom:1px solid var(--line); }
  .lg-table td{ display:block; padding:2px 0; border:0; }
  .lg-table td + td{ color:var(--mut); font-size:14px; }
}
.lg-foot{ margin-top:48px; padding-top:20px; border-top:1px solid var(--line); color:var(--mut); font-size:14px; }

/* one article per language; legal.js shows the chosen one (without JS, all three show, English first) */
html.js article[data-lang]{ display:none; }
html.js article[data-lang].is-on{ display:block; }
html:not(.js) article[data-lang] + article[data-lang]{ margin-top:64px; padding-top:32px; border-top:2px solid var(--line); }