/* =========================================================================
   Hukuki metin sayfaları — KVKK, çerez, bilgi toplumu hizmetleri.

   Ana siteden bağımsız duruyor: saga.css tek parça uygulama kabuğu için
   yazıldı (mutlak konumlu paneller, yatay kaydırıcılar). Hukuki metin ise
   düz, uzun, yazdırılabilir ve derin bağlantı verilebilir bir belge olmak
   zorunda — aydınlatma metnine onay kutusundan tıklayan kişi, uygulamanın
   içine değil doğrudan metne düşmeli.

   Renkler ve tipografi ana siteyle birebir aynı; tasarım dili korunuyor.
   ========================================================================= */

:root{
  --bg:#FFFFFF;
  --bg-2:#F4F6F9;
  --navy:#071222;
  --ink:#0F1621;
  --ink-2:#485363;
  --ink-3:#6E7A8A;
  --brand:#01519A;
  --brand-dark:#073A76;
  --brand-tint:#EAF1F8;
  --rule:#E3E8EE;
  --sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --gut:clamp(20px,4vw,64px);
  --ease:cubic-bezier(.4,0,.2,1);
  color-scheme:light;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink-2);
  font:400 16px/1.72 var(--sans);
  -webkit-font-smoothing:antialiased;
}

/* --- Üst bant ------------------------------------------------------------ */
.hd{
  background:var(--navy);color:#fff;
  padding:clamp(22px,4vh,34px) var(--gut);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.hd__lock img{height:clamp(30px,4.4vh,40px);width:auto;display:block}
.hd__back{
  color:rgba(255,255,255,.82);text-decoration:none;font-size:.86rem;
  letter-spacing:.02em;display:inline-flex;align-items:center;gap:9px;
  transition:color .25s var(--ease);
}
.hd__back:hover{color:#fff}
.hd__back span{transition:transform .25s var(--ease)}
.hd__back:hover span{transform:translateX(-3px)}

/* --- Sayfa düzeni -------------------------------------------------------- */
.wrap{
  max-width:1180px;margin-inline:auto;
  padding:clamp(30px,6vh,64px) var(--gut) clamp(60px,10vh,110px);
  display:grid;gap:clamp(28px,5vw,64px);
  grid-template-columns:minmax(0,1fr);
}
@media (min-width:1000px){
  .wrap{grid-template-columns:238px minmax(0,1fr);align-items:start}
}

/* İçindekiler — uzun metinde okuyucunun nerede olduğunu bilmesi şart */
.toc{position:sticky;top:clamp(18px,3vh,30px);font-size:.87rem}
.toc__t{
  font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 14px;font-weight:600;
}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t;margin-bottom:2px}
.toc a{
  display:block;padding:7px 10px 7px 30px;position:relative;
  color:var(--ink-2);text-decoration:none;border-radius:3px;line-height:1.4;
  transition:background .2s var(--ease),color .2s var(--ease);
}
.toc a::before{
  content:counter(t,decimal-leading-zero);position:absolute;left:8px;top:7px;
  font-size:.7rem;color:var(--ink-3);font-variant-numeric:tabular-nums;
}
.toc a:hover{background:var(--brand-tint);color:var(--brand-dark)}
@media (max-width:999px){
  .toc{position:static;border:1px solid var(--rule);border-radius:4px;padding:18px 16px}
}

/* --- Metin --------------------------------------------------------------- */
.doc{min-width:0;max-width:78ch}
.doc__k{
  font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--brand);font-weight:600;margin:0 0 12px;
}
.doc h1{
  font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.12;letter-spacing:-.028em;
  font-weight:600;color:var(--ink);margin:0 0 16px;
}
.doc__lead{font-size:clamp(1rem,1.5vw,1.09rem);color:var(--ink-2);margin:0 0 10px}
.doc__date{
  font-size:.82rem;color:var(--ink-3);margin:0 0 clamp(26px,5vh,42px);
  padding-bottom:clamp(22px,4vh,34px);border-bottom:1px solid var(--rule);
}
.doc h2{
  font-size:clamp(1.12rem,2vw,1.34rem);line-height:1.28;letter-spacing:-.018em;
  font-weight:600;color:var(--ink);margin:clamp(34px,6vh,52px) 0 14px;
  scroll-margin-top:24px;
}
.doc h2 i{
  font-style:normal;color:var(--brand);font-size:.78em;
  margin-right:10px;font-variant-numeric:tabular-nums;
}
.doc h3{
  font-size:1rem;font-weight:600;color:var(--ink);
  margin:26px 0 8px;letter-spacing:-.01em;
}
.doc p{margin:0 0 14px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:22px}
.doc li{margin-bottom:7px}
.doc a{color:var(--brand);text-underline-offset:3px}
.doc a:hover{color:var(--brand-dark)}
.doc strong{color:var(--ink);font-weight:600}

/* --- Tablo --------------------------------------------------------------- */
.tbl{width:100%;overflow-x:auto;margin:0 0 20px;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.tbl th,.tbl td{
  text-align:left;vertical-align:top;padding:11px 14px;
  border-bottom:1px solid var(--rule);
}
.tbl th{
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);font-weight:600;background:var(--bg-2);
  border-bottom:1px solid var(--rule);
}
.tbl tr:last-child td{border-bottom:0}

/* --- Vurgu kutusu -------------------------------------------------------- */
.note{
  background:var(--brand-tint);border-left:3px solid var(--brand);
  padding:16px 18px;margin:0 0 20px;font-size:.92rem;border-radius:0 3px 3px 0;
}
.note p:last-child{margin-bottom:0}
.note--warn{background:#FDF3E7;border-left-color:#B5761F}

/* --- Künye --------------------------------------------------------------- */
.meta{
  margin-top:clamp(34px,6vh,52px);padding-top:clamp(22px,4vh,32px);
  border-top:1px solid var(--rule);font-size:.9rem;
}
.meta dl{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:9px 18px;margin:0}
.meta dt{color:var(--ink-3);font-size:.82rem}
.meta dd{margin:0;color:var(--ink)}

/* --- Alt bant ------------------------------------------------------------ */
.ft{
  border-top:1px solid var(--rule);background:var(--bg-2);
  padding:clamp(24px,4vh,34px) var(--gut);
  font-size:.84rem;color:var(--ink-3);
  display:flex;gap:10px 26px;flex-wrap:wrap;justify-content:space-between;
}
.ft nav{display:flex;gap:10px 22px;flex-wrap:wrap}
.ft a{color:var(--ink-2);text-decoration:none;transition:color .2s var(--ease)}
.ft a:hover{color:var(--brand)}

/* --- Yazdırma ------------------------------------------------------------ */
/* Aydınlatma metninin çıktısı alınıp dosyalanabiliyor olmalı. */
@media print{
  .hd,.toc,.ft{display:none}
  body{font-size:11pt;color:#000}
  .wrap{display:block;padding:0;max-width:none}
  .doc{max-width:none}
  .doc h2{page-break-after:avoid}
  .tbl table{min-width:0}
  .note{border:1px solid #999;background:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.001ms!important}
}