/* Lakisivujen (tietosuoja, käyttöehdot) tyylit. Ei ulkoisia fontteja: järjestelmäfontit pitävät sivun
   nopeana eikä lähetä kävijän IP-osoitetta kolmannelle osapuolelle. */
:root{
  --bg:#06152d;
  --panel:#0b2347;
  --line:rgba(129,189,255,.28);
  --light:#7fd0ff;
  --text:#f8fbff;
  --muted:#b6c6dd;
  --focus:#ffd24a;
  --warn-bg:#3a2d05;
  --warn-text:#ffe9a6;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f4f8ff;--panel:#ffffff;--line:#1d2b44;--light:#0a58b5;--text:#0b1b33;--muted:#41536f;
  --focus:#8a5a00;--warn-bg:#fff3c4;--warn-text:#5a3d00;color-scheme:light;
}
*{box-sizing:border-box}
html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;min-width:20rem;min-height:100vh;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.7}
a{color:var(--light);text-underline-offset:.18em}
a:hover{text-decoration-thickness:.12em}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:3px}

.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;padding:.7rem 1rem;background:var(--focus);color:#000;
  font-weight:700;border-radius:.4rem;text-decoration:none}
.skip-link:focus{top:1rem}

.legal-header{width:min(68rem,calc(100% - 2.25rem));min-height:5.25rem;margin:auto;display:flex;flex-wrap:wrap;gap:.75rem;
  align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.legal-header img{width:6rem;height:auto;max-height:3.2rem;object-fit:contain}
.legal-header nav{display:flex;flex-wrap:wrap;gap:1.25rem}
.legal-header nav a{color:var(--muted);font-size:.95rem;font-weight:600}
.legal-header nav a[aria-current="page"]{color:var(--text);text-decoration-thickness:.15em}
.header-tools{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.theme-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.theme-switch button{appearance:none;border:0;margin:0;padding:.45rem .95rem;background:transparent;color:var(--muted);
  font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;min-height:2.5rem}
.theme-switch button+button{border-left:1px solid var(--line)}
.theme-switch button[aria-pressed="true"]{background:var(--light);color:var(--bg)}
.theme-switch button:hover:not([aria-pressed="true"]){color:var(--text)}
.theme-switch button:focus-visible{outline-offset:-3px}

.legal-page{width:min(56rem,calc(100% - 2.25rem));margin:auto;padding:3.5rem 0 6rem}
.eyebrow{margin:0;color:var(--light);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.legal-page h1{margin:.4rem 0 .6rem;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.08;letter-spacing:-.03em}
.meta{margin:0 0 2rem;color:var(--muted);font-size:.95rem}
.lead{font-size:1.15rem;margin:0 0 1.5rem}

.legal-content{padding:clamp(1.25rem,4vw,2.25rem);border:1px solid var(--line);border-radius:1.1rem;background:var(--panel)}
.legal-content h2{margin:2.4rem 0 .6rem;font-size:1.55rem;line-height:1.25;letter-spacing:-.01em}
.legal-content h2:first-child,.toc+h2{margin-top:0}
.legal-content h3{margin:1.6rem 0 .4rem;font-size:1.15rem}
.legal-content p,.legal-content li,.legal-content dd{max-width:70ch}
.legal-content ul,.legal-content ol{padding-left:1.4rem}
.legal-content li{margin:.3rem 0}
.legal-content dl{margin:1rem 0}
.legal-content dt{font-weight:700;margin-top:.9rem}
.legal-content dd{margin:.1rem 0 0}

.toc{margin:0 0 2.2rem;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:.8rem}
.toc h2{margin:0 0 .5rem!important;font-size:1.05rem!important}
.toc ol{margin:0;columns:2;column-gap:2rem}
.toc li{break-inside:avoid;margin:.25rem 0}

.summary{margin:0 0 2rem;padding:1.1rem 1.3rem;border-left:.4rem solid var(--light);background:rgba(98,196,255,.1);border-radius:.4rem}
.summary h2{margin:0 0 .4rem!important;font-size:1.1rem!important}
.summary ul{margin:.3rem 0 0}

.table-wrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--line);border-radius:.6rem}
table{width:100%;border-collapse:collapse;font-size:.97rem;min-width:36rem}
caption{padding:.7rem 1rem;text-align:left;font-weight:700;color:var(--muted)}
th,td{padding:.7rem 1rem;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
thead th{background:rgba(98,196,255,.12);border-top:0}
tbody th{font-weight:700}

.todo{background:var(--warn-bg);color:var(--warn-text);padding:.05em .4em;border-radius:.3rem;border:1px dashed currentColor;font-weight:600}
.notice{padding:1rem 1.2rem;border:1px solid var(--line);border-radius:.6rem;background:rgba(255,255,255,.04)}

.legal-footer{width:min(56rem,calc(100% - 2.25rem));margin:0 auto;padding:0 0 3rem;color:var(--muted);font-size:.9rem}

@media (max-width:40rem){
  .legal-page{padding-top:2.25rem}
  .toc ol{columns:1}
  .legal-header nav{gap:.9rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{
  body{background:#fff;color:#000;font-size:11pt}
  .skip-link,.legal-header nav{display:none}
  .legal-content,.toc,.summary{border-color:#999;background:#fff}
  a{color:#000;text-decoration:underline}
  .table-wrap{overflow:visible}
}