/* Yasal sayfalar (gizlilik, şartlar, çerezler, veri işleme, alt işleyiciler, güvenlik). Marka değişkenlerinden. */
.legal{margin:0;background:var(--brand-paper);color:var(--brand-ink);font:400 16px/1.65 var(--font-body)}
.legal__main{max-width:760px;margin:0 auto;padding:40px var(--gutter,24px) 64px}
.legal__article h1{margin:0;font:var(--display-weight) clamp(34px,5vw,50px)/1.1 var(--font-display);color:var(--brand-ground);letter-spacing:-.01em}
.legal__meta{margin:8px 0 0;color:color-mix(in srgb,var(--brand-ink) 62%,transparent);font-size:14px}
.legal__draft{margin:20px 0 0;padding:11px 14px;border-radius:10px;background:var(--brand-white);border:1px solid color-mix(in srgb,var(--brand-accent) 55%,transparent);font-size:14.5px}
.legal__article h2{margin:34px 0 8px;font:600 19px/1.3 var(--font-body);color:var(--brand-ground)}
.legal__article p,.legal__article li{max-width:68ch}
.legal__article ul{padding-inline-start:20px}
.legal__article li{margin:6px 0}
.legal__article a,.legal__more a{color:var(--brand-ground);text-underline-offset:3px}
.legal__article a:focus-visible,.legal__more a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:3px}
.legal__table{margin:12px 0;overflow-x:auto;background:var(--brand-white);border:1px solid color-mix(in srgb,var(--brand-ground) 14%,transparent);border-radius:12px}
.legal__table:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.legal table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.legal th,.legal td{padding:10px 14px;text-align:start;vertical-align:top;border-top:1px solid color-mix(in srgb,var(--brand-ground) 10%,transparent)}
.legal thead th{border-top:0;font-size:13px;color:color-mix(in srgb,var(--brand-ink) 62%,transparent);background:color-mix(in srgb,var(--brand-ground) 4%,var(--brand-white));white-space:nowrap}
.legal tbody tr:first-child>*{border-top:0}
.legal th[scope=row]{width:30%;font-weight:600;white-space:nowrap}
.legal__more{margin-top:44px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--brand-ground) 14%,transparent)}
.legal__more h2{margin:0 0 6px;font:600 15px/1.3 var(--font-body)}
.legal__more ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
@media (max-width:640px){.legal th[scope=row]{white-space:normal}}