/* ControlAtWork — metin sayfalari icin ortak stil (metodoloji, kvkk, terms).
 *
 * PALET BURADA TANIMLANMAZ.
 * Bu dosya bir zamanlar kendi :root paletini yaziyordu; brand.css'ten SONRA
 * yuklendigi icin onu eziyordu ve yalnizca prefers-color-scheme dinledigi
 * icin tema dugmesi bu sayfalarda hicbir sey yapmiyordu — alt sayfalarin
 * basliginin "bozuk" gorunmesinin sebebi tam olarak buydu. Renkler artik
 * tek kaynaktan, brand.css'ten gelir.
 *
 * Baslik da buraya ait degil: ortak baslik header.css + header.js.
 * Burada yalnizca bu sayfalara ozgu YERLESIM ve tipografi var.
 */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
a:hover{text-decoration:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

main{max-width:820px;margin:0 auto;padding:52px 22px 90px}
.doc-head{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--line)}
h1{margin:0 0 12px;font-size:clamp(27px,4.6vw,38px);font-weight:680;letter-spacing:-.03em;line-height:1.15}
.lead{margin:0;color:var(--ink-2);font-size:17px}
.meta{margin-top:16px;font-size:13px;color:var(--ink-3)}

h2{margin:52px 0 14px;font-size:22px;font-weight:660;letter-spacing:-.02em;scroll-margin-top:70px}
h3{margin:32px 0 10px;font-size:17px;font-weight:640;letter-spacing:-.01em}
p{margin:0 0 16px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}
strong{font-weight:640}

.toc{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:20px 24px;box-shadow:var(--shadow)}
.toc h2{margin:0 0 10px;font-size:14px;font-weight:660;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-3)}
.toc ol{margin:0;padding-left:20px;font-size:15px}
.toc li{margin-bottom:5px}

.note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);
  border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 20px;font-size:15px}
.note p:last-child{margin:0}
.warn{background:var(--warn-bg);border-color:color-mix(in srgb, var(--warn) 40%, transparent);
  border-left-color:var(--warn)}

.tbl{width:100%;overflow-x:auto;margin:0 0 20px}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:460px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:640;color:var(--ink-2);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
tbody tr:last-child td{border-bottom:0}

.refs{font-size:14px;color:var(--ink-2)}
.refs li{margin-bottom:10px}

footer{border-top:1px solid var(--line);margin-top:20px;padding:26px 22px 60px;
  font-size:13.5px;color:var(--ink-3)}
.fbar{max-width:820px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap;align-items:center}
footer a{color:var(--ink-2)}

/* Basliklar ana sayfayla ayni yazi karakterinde: alt sayfalar ayri bir
   urun gibi durmasin. Govde metni Inter kalir — uzun hukuk metninde
   serif okumayi yavaslatiyor. */
h1, h2, h3 { font-family: var(--font-display); letter-spacing: -.02em }
h1 { font-weight: 700 }
h2 { font-weight: 600 }
/* Alinti/uyari kutularinda altin kenar: markanin izi burada da olsun. */
.note { border-left-color: var(--gold) }
.doc-head { border-bottom-color: var(--line) }

/* Anahtar-deger tablosu (ornegin sirket bilgileri): ilk sutun bir SATIR
   basligi, sutun basligi degil. Sutun basligi stili (kucuk, buyuk harf)
   burada yanlis okunuyordu. */
tbody th {
  text-transform: none; letter-spacing: 0;
  font-size: 15px; font-weight: 640; color: var(--ink);
  width: 34%; min-width: 150px;
}

/* Koyu temada ana basliklar ALTIN.
   Koyu zeminde altin metin okunur (13.6:1) ve uzun hukuk metnini
   bolumlere ayirmayi kolaylastiriyor. Acik temada altin metin
   okunmadigi icin orada murekkep rengi kalir. */
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2 { color: var(--gold) }
/* h3 altin YAPILMADI: her seviye altin olunca hiyerarsi kayboluyor
   ve sayfa sari bir listeye donuyor. */