/* legal.css — shared layout for the KVKK pages in src/pages/ (aydinlatma-metni, gizlilik-politikasi,
   cerez-politikasi, kvkk-basvuru). Scoped to main.legal. Uses the site tokens; no motion, no script. */
.legal{background:var(--white);color:var(--ink);padding:clamp(40px,3vw + 24px,72px) var(--gutter) clamp(56px,8vw,96px)}
.legal-doc{max-width:68ch;margin:0 auto}
.legal-kicker{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.legal-doc h1{margin-top:10px;font-size:clamp(32px,26px + 1.6vw,46px);line-height:1.1;text-wrap:balance}
.legal-updated{margin-top:14px;font-size:14px;color:var(--grey-mid)}
.legal-lead{margin-top:24px;font-size:18px;line-height:1.55;color:var(--grey-dark);text-wrap:pretty}
.legal-doc h2{margin-top:44px;font-size:clamp(22px,19px + .8vw,28px);line-height:1.2;text-wrap:balance}
.legal-doc h3{margin-top:28px;font-family:var(--font-body);font-weight:700;font-size:17px;letter-spacing:0;color:var(--ink-head)}
.legal-doc p,.legal-doc li{font-size:16.5px;line-height:1.6;color:var(--grey-body);text-wrap:pretty}
.legal-doc h2+p,.legal-doc h3+p{margin-top:12px}
.legal-doc p+p,.legal-doc ul+p,.legal-doc ol+p,.legal-doc p+ul,.legal-doc p+ol{margin-top:14px}
.legal-doc ul,.legal-doc ol{padding-left:22px;list-style:disc}
.legal-doc ol{list-style:decimal}
.legal-doc li+li{margin-top:8px}
.legal-doc li strong{color:var(--ink-head);font-weight:600}
.legal-doc a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-cite{font-size:14px;color:var(--grey-mid);white-space:nowrap}
.legal-note{margin-top:16px;padding:14px 18px;border-radius:var(--radius-input);background:var(--grey-soft);font-size:15px;line-height:1.55;color:var(--grey-dark)}
.legal-todo{display:inline;background:#FFF1B8;color:#5C4A00;border-radius:6px;padding:1px 6px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.legal-related{margin-top:56px;padding-top:24px;border-top:1px solid var(--line)}
.legal-related h2{margin-top:0;font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--ink-head)}
.legal-related ul{list-style:none;padding:0;margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 20px}
.legal-related li{margin:0;font-size:15px}
@media (max-width:900px){
  .legal{padding-top:32px}
  .legal-doc h2{margin-top:36px}
  .legal-cite{white-space:normal}
}