/* Shared layout for the legal pages: kvkk, privacy, terms, cookies. */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-body);-webkit-font-smoothing:antialiased}
a{color:var(--nesnel)}
a:hover{color:var(--ink)}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring)}
.eyebrow{font:var(--text-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}

.topbar{max-width:1200px;margin:0 auto;padding:16px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.logo{font:600 28px/32px var(--font-logo);letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.topnav{display:flex;align-items:center;gap:var(--space-4)}
.langs{display:flex;font:600 12px/16px var(--font-sans)}
.langs a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--ink-muted);text-decoration:none}
.langs a[aria-current]{color:var(--ink)}
.back{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:14px;text-decoration:none}

.shell{max-width:1200px;margin:0 auto;padding:var(--space-8) clamp(16px,4vw,48px) var(--space-24);display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-14);align-items:start}
.side{position:sticky;top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}
.side a{display:flex;align-items:center;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink);font-weight:500;font-size:14px;text-decoration:none}
.side a:hover{background:var(--paper-sunk);color:var(--ink)}
.side a[aria-current]{background:var(--nesnel-soft);color:var(--nesnel);font-weight:600}
@media (max-width:900px){
.shell{grid-template-columns:1fr;gap:var(--space-8)}
.side{position:static;flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}
.side .eyebrow{flex-basis:100%}
.side a{min-height:44px}
}

.doc{max-width:720px;display:flex;flex-direction:column;gap:var(--space-6)}
.doc h1{margin:0;font:500 clamp(34px,4vw,48px)/1.08 var(--font-serif);letter-spacing:-.02em;text-wrap:balance}
.doc h2{margin:var(--space-6) 0 0;font:var(--text-heading)}
.doc p,.doc ul{margin:0}
.doc ul{padding-left:20px;display:flex;flex-direction:column;gap:var(--space-2)}
.doc .lead{font:400 17px/26px var(--font-sans);color:var(--ink-muted)}
.meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font:var(--text-body-sm);color:var(--ink-muted)}
.draft{margin:0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--saffron);border-radius:var(--radius-sm);background:var(--saffron-soft);font:var(--text-body-sm)}

.prefs{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-raised)}
.pref{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-6);align-items:center;padding:var(--space-5) var(--space-6)}
.pref + .pref{border-top:1px solid var(--line)}
.pref label,.pref .name{font:var(--text-subheading)}
.pref p{grid-column:1;color:var(--ink-muted);font:var(--text-body-sm)}
.pref .ctl{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--ink-muted)}
.switch{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;margin:0;border-radius:var(--radius-full);background:var(--line-strong);cursor:pointer;transition:background 150ms ease-out}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--paper-raised);transition:transform 150ms ease-out}
.switch:checked{background:var(--nesnel)}
.switch:checked::after{transform:translateX(18px)}
.switch:disabled{opacity:.6;cursor:not-allowed}
.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--paper-raised);color:var(--ink);font:600 14px/16px var(--font-sans);cursor:pointer;transition:background 150ms ease-out,filter 150ms ease-out}
.btn:hover{background:var(--paper-sunk)}
.btn-primary{background:var(--nesnel);border-color:var(--nesnel);color:var(--on-nesnel)}
.btn-primary:hover{background:var(--nesnel);filter:brightness(1.08)}
.alert{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--nesnel-soft);font:var(--text-body-sm)}
.alert[hidden]{display:none}

.pagefoot{max-width:1200px;margin:0 auto;padding:var(--space-6) clamp(16px,4vw,48px) var(--space-10);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);font:var(--text-body-sm);color:var(--ink-muted)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}