/* Only the legal pages (privacy / terms): article typography. Header, footer and base styles come from shared.css. */
:root{
  --surface:#FFFFFF; --surface-2:#EFE8DA; --border:rgba(20,32,51,.14);
  --text:#142033; --text-2:#3A4254; --text-muted:#6C6A72;
}
body{line-height:1.75;}
a{color:var(--terra-d); text-underline-offset:3px;}
a:hover{color:var(--ink);}
.site-header a, .site-footer a, .site-brand{color:inherit;}
.site-footer a:hover{color:var(--terra);}
.site-header .nav-cta, .site-header .nav-cta:hover{color:#fff;}
.site-header .site-nav a{color:var(--ink-2);} .site-header .site-nav a:hover{color:var(--ink);}

.wrap{max-width:860px; margin:0 auto; padding:56px 24px 90px;}
h1{font-family:var(--display); font-size:clamp(2rem,4.6vw,2.8rem); line-height:1.1; margin:0 0 12px; letter-spacing:-.025em;}
.meta{color:var(--text-muted); font-size:.88rem; margin:0 0 30px;}
.lead{color:var(--text-2); font-size:1.05rem; margin:0 0 28px;}
h2{font-family:var(--display); font-size:1.3rem; line-height:1.3; margin:42px 0 10px; color:var(--text); scroll-margin-top:90px;}
h2 .n{color:var(--terra); margin-right:8px;}
p, li{color:var(--text-2); font-size:.98rem;}
ul,ol{padding-left:22px;}
li{margin:6px 0;}
strong{color:var(--text);}
.note{background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--terra); border-radius:14px; padding:14px 18px; margin:18px 0; color:var(--text-2); font-size:.95rem;}
.toc{background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:18px 24px; margin:0 0 10px;}
.toc ol{margin:8px 0 0; columns:2; column-gap:30px;}
.toc li{font-size:.92rem; margin:4px 0; break-inside:avoid;}
.table-wrap{overflow-x:auto; margin:14px 0; border:1px solid var(--border); border-radius:14px; background:var(--surface);}
table{border-collapse:collapse; width:100%; min-width:560px; font-size:.92rem;}
th,td{text-align:left; vertical-align:top; padding:12px 16px; border-bottom:1px solid var(--border);}
th{background:var(--surface-2); color:var(--text); font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em;}
tr:last-child td{border-bottom:none;}
td{color:var(--text-2);}

/* language switching: JS sets html.lang-tr / html.lang-en; without JS the <noscript> rule shows both */
html.lang-tr [data-lang="en"]{display:none;}
html.lang-en [data-lang="tr"]{display:none;}

@media (max-width:640px){
  .toc ol{columns:1;}
  .wrap{padding-top:36px;}
}