/* ============================================================
   TIETOSUOJA (Iines 2.11.2026) — kerma pohja, yksi kapea palsta.
   Ylänurkka (.p-kulma, .p-menu) tulee yhteys.css:stä.
   ============================================================ */
.sivu-tietosuoja{ background:var(--kerma); color:var(--musta); }
@media (hover:none){ .sivu-tietosuoja > main{ background-color:var(--kerma); } }

.ts{ max-width:68ch; margin:0 auto; padding:clamp(120px,16vh,180px) var(--reuna) clamp(70px,10vh,140px); box-sizing:content-box; }
.ts__yla{ margin:0; font-family:var(--f-eyebrow); font-size:clamp(26px,3vw,48px); line-height:1; color:var(--puna); }
.ts__ot{ margin:.15em 0 0; font-family:var(--f-otsikko); font-weight:400; text-transform:uppercase;
  font-size:clamp(46px,7vw,110px); line-height:.9; letter-spacing:-.01em; padding-top:.1em; }
.ts__pvm{ margin:1.2em 0 0; font-family:var(--f-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; opacity:.6; }
.ts h2{ margin:2.2em 0 .5em; font-family:var(--f-nav); font-weight:400; text-transform:uppercase;
  font-size:clamp(20px,1.8vw,28px); line-height:1.1; letter-spacing:.01em; }
.ts p{ margin:0 0 1em; font-family:var(--f-mono); font-size:clamp(14px,1vw,16px); line-height:1.65; }
.ts a{ color:inherit; text-underline-offset:.2em; }
.ts strong{ font-weight:700; }
.ts code{ font-family:inherit; background:rgba(25,25,25,.08); padding:.05em .3em; border-radius:4px; }
.ts__nappi.evasteet-linkki{ text-transform:uppercase; font-family:var(--f-nav); font-size:16px; letter-spacing:.02em;
  text-decoration:none; border:1.5px solid currentColor; border-radius:999px; padding:.75em 1.3em .65em; }
.ts__nappi.evasteet-linkki:hover, .ts__nappi.evasteet-linkki:focus-visible{ background:var(--musta); color:var(--kerma); }