/* Alt sayfaların ortak stili. Ana sayfa kendi stilini HTML'e gömülü taşıyor
   (ilk boyamayı hızlandırmak için); jetonlar ikisinde AYNI olmalı —
   birini değiştirirsen ötekini de değiştir. */
:root{
  --paper:#F2F0EA; --paper-2:#E8E5DD; --card:#FBFAF7;
  --ink:#17191C; --ink-2:#3B3F44; --muted:#5E6267; --line:#D5D1C8;
  --accent:#A8380A; --accent-ink:#FFFFFF; --accent-soft:rgba(168,56,10,.09);
  --sea:#1D4A66; --sea-soft:rgba(29,74,102,.08); --ok:#2F6B3C; --warn:#8A5A00;
  --font-display:"Helvetica Neue",Helvetica,Arial,"Segoe UI",sans-serif;
  --font-body:Georgia,"Times New Roman",Times,serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  --wrap:1120px; --pad:clamp(16px,5vw,56px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#111417; --paper-2:#171B1F; --card:#1A1E22;
    --ink:#ECE9E2; --ink-2:#C4C1B9; --muted:#9A9FA4; --line:#2F343A;
    --accent:#F0894A; --accent-ink:#14100C; --accent-soft:rgba(240,137,74,.12);
    --sea:#86B8DA; --sea-soft:rgba(134,184,218,.10); --ok:#7CC48B; --warn:#E3B55B;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#111417; --paper-2:#171B1F; --card:#1A1E22;
  --ink:#ECE9E2; --ink-2:#C4C1B9; --muted:#9A9FA4; --line:#2F343A;
  --accent:#F0894A; --accent-ink:#14100C; --accent-soft:rgba(240,137,74,.12);
  --sea:#86B8DA; --sea-soft:rgba(134,184,218,.10); --ok:#7CC48B; --warn:#E3B55B;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.65;overflow-x:hidden}
a{color:var(--accent);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.dar{max-width:780px}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.12;margin:0;color:var(--ink)}
h1{font-size:clamp(36px,5.6vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.02;max-width:18ch}
h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin:0 0 14px;max-width:24ch}
h3{font-size:clamp(18px,1.9vw,21px);font-weight:700;margin:0 0 8px}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
li{margin-bottom:.4em}
.etiket{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.etiket::before{content:"";width:22px;height:1px;background:currentColor}
.giris{font-size:clamp(17px,1.7vw,20px);color:var(--ink-2);max-width:64ch;margin-top:18px}
.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.soluk{color:var(--muted)}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.ust .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;white-space:nowrap}
.menu{display:flex;gap:20px;align-items:center;font-family:var(--font-display);font-size:14.5px}
.menu a{color:var(--ink-2);text-decoration:none}
.menu a:hover,.menu a[aria-current]{color:var(--accent)}
.menu .dugme{padding:9px 14px;font-size:14px;color:var(--accent-ink)}
@media (max-width:900px){.menu a:not(.dugme){display:none}}
.tema{background:none;border:1px solid var(--line);color:var(--ink-2);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;line-height:1}

.dugme{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:16px;padding:14px 20px;background:var(--accent);color:var(--accent-ink);text-decoration:none;border:0;cursor:pointer;border-radius:2px}
.dugme:hover{filter:brightness(1.08);text-decoration:none}

/* sayfa başı */
.bas{padding:clamp(48px,7vw,88px) 0 clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.kontrol{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin-top:22px;letter-spacing:.03em}
.kontrol b{color:var(--ok);font-weight:700}

/* bölümler */
.bolum{padding:clamp(56px,7vw,96px) 0;border-bottom:1px solid var(--line)}
.bolum:last-of-type{border-bottom:0}
.metin p,.metin li{color:var(--ink-2)}
.metin strong{color:var(--ink)}

/* içindekiler */
.icindekiler{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.icindekiler a{font-family:var(--font-display);font-size:14.5px;padding:8px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none}
.icindekiler a:hover{border-color:var(--accent);color:var(--accent)}

/* rakam kartları */
.rakamlar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--card);margin-top:32px}
.rakamlar > div{padding:22px 20px;border-right:1px solid var(--line)}
.rakamlar > div:last-child{border-right:0}
.rakamlar b{display:block;font-family:var(--font-display);font-size:clamp(28px,3.2vw,40px);letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.rakamlar span{display:block;font-size:14.5px;color:var(--muted);margin-top:6px;line-height:1.4}
.rakamlar sup a{font-family:var(--font-mono);font-size:11px;text-decoration:none}
@media (max-width:760px){.rakamlar{grid-template-columns:1fr 1fr}.rakamlar > div:nth-child(2){border-right:0}.rakamlar > div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* kaynak dipnotu */
sup.k a{font-family:var(--font-mono);font-size:11px;text-decoration:none;padding:0 1px}
.kaynaklar{font-size:14.5px;color:var(--muted);counter-reset:k}
.kaynaklar ol{padding-left:1.6em}
.kaynaklar li{margin-bottom:.5em;word-break:break-word}
.kaynaklar li:target{background:var(--accent-soft)}

/* kartlar */
.izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}
.izgara.uc{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.izgara,.izgara.uc{grid-template-columns:1fr}}
.kart{background:var(--card);border:1px solid var(--line);padding:24px 22px}
.kart > .mono{color:var(--accent);display:block;margin-bottom:10px}
.kart p,.kart li{font-size:15.5px;color:var(--ink-2)}
.kart p:last-child{margin-bottom:0}

/* uyarı kutuları */
.kutu{padding:16px 18px;border-left:3px solid var(--sea);background:var(--sea-soft);font-size:15.5px;margin:22px 0;color:var(--ink)}
.kutu.dikkat{border-color:var(--accent);background:var(--accent-soft)}
.kutu b.mono{display:block;font-size:11px;margin-bottom:4px;color:var(--accent)}
.kutu p:last-child{margin:0}

/* tablolar */
.tablo-kap{overflow-x:auto;margin-top:28px;border:1px solid var(--line);background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:640px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;background:var(--paper-2)}
td{color:var(--ink-2)}
td strong{color:var(--ink);font-family:var(--font-display)}
tr:last-child td{border-bottom:0}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rozet{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 6px;border:1px solid currentColor;border-radius:2px;letter-spacing:.04em;white-space:nowrap}
.rozet.kirmizi{color:var(--accent)} .rozet.yesil{color:var(--ok)} .rozet.mavi{color:var(--sea)} .rozet.sari{color:var(--warn)}

/* çubuk grafik */
.grafik{margin-top:28px;background:var(--card);border:1px solid var(--line);padding:22px 20px}
.grafik .satir{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;margin:10px 0}
.grafik .ad{font-family:var(--font-mono);font-size:13px;color:var(--ink-2)}
.grafik .cubuk{position:relative;height:30px;background:var(--paper-2)}
.grafik .dolu{position:absolute;inset:0 auto 0 0;background:var(--sea);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:14px;white-space:nowrap}
.grafik .dolu.hedef{background:repeating-linear-gradient(135deg,var(--accent) 0 6px,color-mix(in srgb,var(--accent) 70%,var(--card)) 6px 12px)}
.grafik .dolu.kisa{justify-content:flex-start;padding-left:calc(100% + 8px);color:var(--ink)}
.grafik figcaption{font-size:14px;color:var(--muted);margin-top:12px}

/* sss */
.sss{border-top:1px solid var(--line);margin-top:24px}
.sss details{border-bottom:1px solid var(--line)}
.sss summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font-family:var(--font-display);font-weight:700;font-size:18px;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:4px;top:13px;font-size:26px;font-weight:400;color:var(--accent)}
.sss details[open] summary::after{content:"−"}
.sss .cevap{padding:0 0 20px;color:var(--ink-2)}

/* çağrı */
.cagri{background:#14283A;color:#ECE9E2;padding:clamp(40px,6vw,64px) 0}
.cagri h2{color:#ECE9E2}
.cagri p{color:#C9CED3;max-width:60ch}
.cagri .dugme{background:#F0894A;color:#14100C}

/* ilgili */
.ilgili{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media (max-width:860px){.ilgili{grid-template-columns:1fr}}
.ilgili a{display:block;padding:20px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink)}
.ilgili a:hover{border-color:var(--accent)}
.ilgili .mono{color:var(--accent)}
.ilgili b{display:block;font-family:var(--font-display);font-size:17px;margin:8px 0 4px;line-height:1.25}
.ilgili span{font-size:14px;color:var(--muted)}

footer{border-top:1px solid var(--line);padding:32px 0 48px;font-size:14.5px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer a{color:var(--ink-2)}

/* ---------- makale ---------- */
.kunye{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);margin-top:18px;letter-spacing:.03em}
.yazi{padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,88px)}
.yazi .govde{max-width:720px}
.yazi .govde > p,.yazi .govde li{color:var(--ink-2);font-size:18px;line-height:1.7}
.yazi .govde h2{font-size:clamp(24px,2.8vw,30px);margin:48px 0 14px;max-width:none}
.yazi .govde h3{margin:28px 0 8px}
.yazi .govde strong{color:var(--ink)}
.yazi .govde ul,.yazi .govde ol{margin:0 0 1.2em}
.yazi .govde .tablo-kap table{min-width:560px}
.sablon{background:var(--card);border:1px solid var(--line);padding:20px 22px;font-family:var(--font-mono);font-size:14px;line-height:1.65;white-space:pre-wrap;color:var(--ink);margin:18px 0 22px;overflow-x:auto}
.ozet-kutu{border:2px solid var(--ink);background:var(--card);padding:20px 22px;margin:28px 0}
.ozet-kutu b.mono{color:var(--accent);display:block;margin-bottom:8px}
.ozet-kutu ul{margin:0;padding-left:1.1em}
.ozet-kutu li{font-size:16px;color:var(--ink)}
.kardes{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-left:3px solid var(--sea);background:var(--card);padding:16px 18px;margin:28px 0;font-size:15.5px;color:var(--ink-2)}
.kardes b{color:var(--ink);font-family:var(--font-display)}

/* yazı listesi */
.yazilar{display:grid;gap:0;margin-top:32px;border-top:1px solid var(--line)}
.yazilar a{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.yazilar a:hover h3{color:var(--accent)}
.yazilar .mono{color:var(--accent)}
.yazilar p{margin:6px 0 0;color:var(--ink-2);font-size:16px}
@media (max-width:700px){.yazilar a{grid-template-columns:1fr;gap:6px}}

/* sözlük */
.sozluk dl{margin:32px 0 0;border-top:1px solid var(--line)}
.sozluk .terim{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.sozluk dt{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink)}
.sozluk dt small{display:block;font-family:var(--font-mono);font-weight:400;font-size:11.5px;color:var(--muted);letter-spacing:.06em;margin-top:4px}
.sozluk dd{margin:0;color:var(--ink-2)}
.sozluk dd a{white-space:nowrap}
.harfler{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}
.harfler a{font-family:var(--font-mono);font-size:13px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink)}
.harfler a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:700px){.sozluk .terim{grid-template-columns:1fr;gap:4px}}
@media (max-width:1100px){.menu a:not(.dugme){display:none}}

/* telefon menüsü — yatay menü 1100 px altında gizli */
.mmenu{position:relative;display:none}
@media (max-width:1100px){.mmenu{display:block}}
.mmenu summary{list-style:none;cursor:pointer;font-family:var(--font-display);font-size:14.5px;font-weight:700;padding:8px 12px;border:1px solid var(--line);color:var(--ink)}
.mmenu summary::-webkit-details-marker{display:none}
.mmenu[open] summary{border-color:var(--accent);color:var(--accent)}
.mmenu > div{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(0,0,0,.35);min-width:210px;padding:6px 0;z-index:30}
.mmenu > div a{display:block !important;padding:11px 18px;color:var(--ink);text-decoration:none;font-size:15.5px}
.mmenu > div a:hover{background:var(--accent-soft);color:var(--accent)}
@media (max-width:480px){.menu{gap:8px}.tema{display:none}.menu .dugme{padding:8px 10px}.logo{font-size:15.5px;gap:8px}.mmenu summary{padding:7px 10px}}