/* Saywall · yasal sayfalar (site.css üstüne) */
.legal{padding:clamp(40px,7vw,88px) 0 clamp(56px,8vw,104px)}
.legal-head,.legal-body{max-width:720px;margin-inline:auto}
.crumbs{display:flex;gap:8px;align-items:center;font-size:15px;font-weight:500;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--accent);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.legal-head h1{font-size:clamp(36px,5.4vw,60px)}
.legal-switch{display:inline-flex;gap:4px;margin-top:24px;padding:4px;border-radius:20px;background:rgba(28,28,28,.05)}
.legal-switch a{text-decoration:none;font-size:15px;font-weight:500;color:var(--ink2);padding:7px 14px;border-radius:16px}
.legal-switch a:hover{color:var(--ink)}
.legal-switch a[aria-current="page"]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(40,10,70,.12)}

.legal-body{margin-top:clamp(32px,5vw,48px);padding:clamp(24px,4.5vw,48px);background:var(--surface);border-radius:var(--r-card);
  box-shadow:0 24px 50px -30px rgba(40,10,70,.18),0 0 0 1px var(--line);font-size:17px;line-height:1.65;color:var(--ink2);text-wrap:pretty;overflow-wrap:break-word}
.legal-body h2{font-size:clamp(21px,2.2vw,24px);line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin:40px 0 12px;scroll-margin-top:96px}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:650;color:var(--ink);margin:24px 0 8px;scroll-margin-top:96px}
.legal-body p{margin:0 0 14px}
.legal-body ul{margin:0 0 16px;padding-left:1.25em}
.legal-body li{margin:6px 0;padding-left:4px}
.legal-body li::marker{color:var(--accent)}
.legal-body strong{color:var(--ink);font-weight:600}
.legal-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.legal-body .callout{margin:16px 0 20px;padding:14px 16px;border-radius:var(--r-tile);background:#FBF2FE;border-left:3px solid var(--accent);color:var(--ink)}
.legal-body h2 .anchor{opacity:0;margin-left:6px;color:var(--muted);text-decoration:none;font-weight:500}
.legal-body h2:hover .anchor{opacity:1}
@media (max-width:520px){
  .legal-body{font-size:16px;padding:22px 18px;border-radius:20px}
  .legal-switch{display:flex;width:100%}
  .legal-switch a{flex:1;text-align:center;padding:8px 6px;font-size:14px}
}
.legal-body .updated{font-size:15px;font-weight:600;color:var(--muted);margin-bottom:20px}