/* Türk Hafıza Atlası — akademik kurum teması.
   Ana renk koyu bordo, ikinci renk lacivert; zemin kâğıt tonu, başlıklar serif.
   Renkler Yönetim > Site ayarları'ndan değiştirilebilir. */
:root {
  --ana: #e30a17; --ana-koyu: #a50710; --ana-acik: #fdecec;
  --ikinci: #00a3ad; --ikinci-koyu: #007a82; --ikinci-acik: #def3f4;
  --altin: #9a7b3c;
  --murekkep: #1a1d21; --metin: #2f3338; --soluk: #62686e; --cizgi: #dfdbd3; --cizgi-koyu: #c6c0b6;
  --zemin: #f1efe9; --zemin-2: #e4e9e6; --zemin-3: #d3dcd9; --kart: #fbfaf7;
  --koyu-zemin: #082a32;
  --f-arayuz: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-metin: "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-baslik: "Source Serif 4", Georgia, "Times New Roman", serif;
  --golge: 0 1px 2px rgba(20, 22, 25, .05), 0 2px 8px rgba(20, 22, 25, .05);
  --golge-buyuk: 0 10px 40px rgba(20, 22, 25, .18);
  --yaricap: 2px;
  --kap: 1200px;
  --yonetim-h: 0px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 16.5px/1.6 var(--f-arayuz); -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; min-height: 100vh; }
body.yonetim-var { --yonetim-h: 46px; padding-top: var(--yonetim-h); }
main { flex: 1; }
a { color: var(--ana); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }
h1, h2, h3, h4 { color: var(--murekkep); line-height: 1.25; margin: 0; font-weight: 600; letter-spacing: 0; font-family: var(--f-baslik); }
/* küçük, aralıklı büyük harfli etiketler arayüz yazısıyla kalır */
.yan-kutu h3, .dipnotlar h3, .panel-grup h3, .alt h4, .secim-grup, .pencere header h2, .form h3, .anma-serit h3, .sutun-baslik, .zs-ust b, .lejant b { font-family: var(--f-arayuz); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--ikinci); outline-offset: 2px; }
.kap { max-width: var(--kap); margin: 0 auto; padding: 0 24px; }
.kap.dar { max-width: 820px; }
.kap.genis { max-width: 1440px; }
.soluk { color: var(--soluk); }
.ipucu { color: var(--soluk); font-size: 14px; }
code { font: 13px/1.4 ui-monospace, Consolas, monospace; background: var(--zemin-3); padding: 1px 5px; border-radius: 3px; }

/* ---------- düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 18px; border-radius: 4px; border: 1px solid var(--cizgi-koyu); background: var(--kart); color: var(--murekkep); font-weight: 600; font-size: 14px; cursor: pointer; text-decoration: none !important; transition: background .15s, border-color .15s, color .15s; white-space: nowrap; }
.dugme:hover { border-color: var(--murekkep); }
.dugme.ana { background: var(--ana); border-color: var(--ana); color: #fff; }
.dugme.ana:hover { background: var(--ana-koyu); border-color: var(--ana-koyu); }
.dugme.ikincil { background: var(--zemin-2); }
.dugme.tehlike { color: var(--ana); border-color: #e6b8bb; background: var(--kart); }
.dugme.tehlike:hover { background: var(--ana-acik); }
.dugme.beyaz { background: var(--kart); color: var(--ana-koyu); border-color: #fff; }
.dugme.cizgili, .dugme.cizgili-beyaz { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .7); }
.dugme.cizgili:hover, .dugme.cizgili-beyaz:hover { background: rgba(255, 255, 255, .12); border-color: #fff; }
.dugme.buyuk { padding: 13px 26px; font-size: 14px; }
.dugme.kucuk { padding: 5px 11px; font-size: 13px; }
.dugme.tam { width: 100%; }
.dugme[disabled] { opacity: .5; cursor: default; }

/* ---------- yönetim ---------- */
.yonetim { position: fixed; inset: 0 0 auto 0; height: var(--yonetim-h); z-index: 60; background: #16181b; color: #e9eaec; font-size: 14px; box-shadow: 0 2px 8px rgba(0, 0, 0, .25); }
.yonetim.kucuk { inset: auto 18px 18px auto; height: auto; background: transparent; box-shadow: none; display: flex; gap: 8px; }
body[data-sayfa="atlas"] .yonetim.kucuk { left: 16px; right: auto; bottom: 16px; }
.yonetim-ic { height: 100%; display: flex; align-items: center; gap: 6px; padding: 0 14px; overflow-x: auto; white-space: nowrap; }
.yonetim .y-ad { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; color: #fff; background: var(--ana); padding: 4px 9px; border-radius: 3px; margin-right: 8px; }
.yonetim-ic button, .yonetim-ic a { background: transparent; border: 1px solid #3a3e44; color: #e9eaec; padding: 5px 11px; border-radius: 4px; cursor: pointer; font-size: 13px; text-decoration: none; }
.yonetim-ic button:hover, .yonetim-ic a:hover { background: #2a2e33; text-decoration: none; }
.yonetim .y-ipucu { color: #9aa0a6; font-size: 13px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; }
.yonetim-ic .y-kaydet { margin-left: auto; background: var(--ana); border-color: var(--ana); color: #fff; font-weight: 700; padding: 6px 16px; }
.yonetim-ic .y-kaydet:hover { background: var(--ana-koyu); }
.yonetim-ic .y-kaydet[disabled] { background: transparent; border-color: #3a3e44; color: #9aa0a6; cursor: default; }
.yonetim-ic .y-kapat { border-color: #5a5f66; }
.yonetim.kucuk button { border: 0; border-radius: 22px; padding: 10px 18px; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 4px 18px rgba(0, 0, 0, .22); }
.yonetim .y-ac { background: #1f2328; color: #fff; }
.yonetim .y-ac:hover { background: #33383e; }
.yonetim.kucuk .y-kaydet { background: var(--ana); color: #fff; }
.anahtar input { position: absolute; opacity: 0; pointer-events: none; }
.anahtar span { width: 34px; height: 19px; border-radius: 10px; background: #b9bdc2; position: relative; transition: background .15s; flex: none; }
.anahtar span::after { content: ""; position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; border-radius: 50%; background: var(--kart); transition: transform .15s; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.anahtar input:checked + span { background: var(--ana); }
.anahtar input:checked + span::after { transform: translateX(15px); }
.anahtar input:focus-visible + span { outline: 2px solid var(--ikinci); outline-offset: 2px; }

/* ---------- üst bölüm (resmî kurum sitelerindeki gibi tek satır) ---------- */
.ust { position: sticky; top: var(--yonetim-h); z-index: 40; background: var(--kart); box-shadow: 0 1px 0 var(--cizgi); }
.ust-serit { background: var(--koyu-zemin); color: #c3c9d0; font: 500 12px/1 var(--f-arayuz); letter-spacing: .08em; text-transform: uppercase; }
.ust-serit .kap { display: flex; justify-content: space-between; gap: 16px; padding-top: 8px; padding-bottom: 8px; }
.ust-serit .kapali { color: #7fe3e9; }
.ust-ana > .kap { display: flex; align-items: center; gap: 28px; height: 82px; }
.logo { display: flex; align-items: center; gap: 14px; color: var(--murekkep); text-decoration: none !important; flex: none; }
.logo .amblem { width: 56px; height: 56px; flex: none; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15)); }
.logo-yazi { display: flex; flex-direction: column; line-height: 1.1; padding-left: 14px; border-left: 1px solid var(--cizgi-koyu); }
.logo-yazi small { font: 600 12px var(--f-arayuz); letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); margin-bottom: 5px; }
.logo-yazi b { font: 600 28px/1.05 var(--f-baslik); letter-spacing: .005em; color: var(--murekkep); }
.ana-menu { margin-left: auto; display: flex; align-items: stretch; height: 100%; }
.ana-menu > a, .menu-grup > button { position: relative; display: flex; align-items: center; gap: 5px; height: 100%; padding: 0 14px; border: 0; background: none; color: var(--murekkep); font: 600 13px var(--f-arayuz); letter-spacing: .09em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; white-space: nowrap; }
.ana-menu > a::after, .menu-grup > button::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 2px; background: var(--ana); transform: scaleX(0); transition: transform .2s; }
.ana-menu > a:hover, .menu-grup > button:hover, .ana-menu > a.aktif, .menu-grup.aktif > button { color: var(--ana); }
.ana-menu > a:hover::after, .ana-menu > a.aktif::after, .menu-grup:hover > button::after, .menu-grup.aktif > button::after, .menu-grup.acik > button::after { transform: scaleX(1); }
.menu-grup { position: relative; }
.menu-grup .ok { font-size: 12px; color: var(--soluk); transition: transform .2s; }
.alt-menu { position: absolute; top: 100%; left: 0; min-width: 220px; background: var(--kart); border: 1px solid var(--cizgi); border-top: 2px solid var(--ana); box-shadow: 0 10px 24px rgba(20, 22, 25, .1); padding: 6px 0; display: none; z-index: 5; }
.menu-grup:hover .alt-menu, .menu-grup.acik .alt-menu, .menu-grup:focus-within .alt-menu { display: block; }
.menu-grup:hover .ok, .menu-grup.acik .ok { transform: rotate(180deg); }
.alt-menu a { display: block; padding: 10px 18px; color: var(--murekkep); font-size: 14px; font-weight: 500; text-decoration: none !important; border-left: 3px solid transparent; }
.alt-menu a:hover, .alt-menu a.aktif { background: var(--zemin-2); color: var(--ana); border-left-color: var(--ana); }
.ara-ac { flex: none; width: 38px; height: 38px; border-radius: 2px; border: 1px solid var(--cizgi-koyu); background: var(--kart); color: var(--murekkep); cursor: pointer; display: grid; place-items: center; }
.ara-ac:hover, .ara-ac[aria-expanded="true"] { background: var(--ana); border-color: var(--ana); color: #fff; }
.ust-ara { border-top: 1px solid var(--cizgi); background: var(--zemin-2); padding: 14px 0; }
.ust-ara .kap { display: flex; gap: 10px; }
.ust-ara input { flex: 1; padding: 11px 14px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; font-size: 14px; }
.ust-ara input:focus { outline: none; border-color: var(--ikinci); }
.menu-ac { display: none; background: none; border: 0; padding: 10px; cursor: pointer; }
.menu-ac span { display: block; width: 22px; height: 2px; background: var(--murekkep); margin: 5px 0; }

/* ---------- sayfa başlık bandı ---------- */
.sayfa-bant { position: relative; background: var(--zemin-2); color: var(--murekkep); padding: 38px 0 36px; border-bottom: 1px solid var(--cizgi); overflow: hidden; }
.sayfa-bant .kap { position: relative; }
.sayfa-bant h1 { color: var(--murekkep); font-size: clamp(28px, 3.6vw, 40px); font-weight: 600; line-height: 1.15; max-width: 920px; }
.sayfa-bant h1::after { content: ""; display: block; width: 48px; height: 2px; background: var(--ana); margin-top: 16px; }
.sayfa-bant.ince { padding: 22px 0 24px; }
.sayfa-bant.ince h1 { font-size: 28px; }
.bant-ozet { font: 18px/1.6 var(--f-metin); color: var(--metin); max-width: 800px; margin: 14px 0 0; }
.bant-dugme { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; }
.kirinti { font-size: 13px; color: var(--soluk); margin-bottom: 12px; }
.kirinti a { color: var(--soluk); }
.kirinti a:hover { color: var(--ana); }
.kirinti span { margin: 0 4px; }
.olay-bant { border-left: 0; }
.olay-etiket { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.olay-etiket span + span::before { content: "·"; margin-right: 8px; }
.olay-etiket .donem-cip { color: var(--ana); }
.olay-meta { margin-top: 12px; font: 16.5px var(--f-metin); color: var(--metin); }
.olay-meta .soluk { color: var(--soluk); font-weight: 400; }

/* ---------- sayfa gövdesi ---------- */

.sayfa-govde { padding: 44px 0 64px; }
.bloklar.bos { display: none; }
.blok + .blok { margin-top: 28px; }
.blok-paragraf p, .blok-paragraf { font: 18px/1.7 var(--f-metin); color: var(--metin); max-width: 820px; }
.blok-paragraf p { margin: 0 0 1em; }
.blok-alinti { margin: 0; padding: 22px 28px; border-left: 4px solid var(--ana); background: var(--zemin-2); max-width: 860px; }
.blok-alinti p { font: italic 21px/1.6 var(--f-metin); margin: 0 0 8px; color: var(--murekkep); }
.blok-alinti cite { font-style: normal; font-weight: 700; font-size: 14px; color: var(--soluk); }
.blok-gorsel { margin: 0; }
.blok-gorsel.orta { max-width: 820px; }
.blok-gorsel.kucuk { max-width: 420px; }
.blok-gorsel img { width: 100%; border-radius: var(--yaricap); }
.blok-gorsel figcaption { font-size: 14px; color: var(--soluk); margin-top: 8px; }
.gorsel-yok { aspect-ratio: 16/7; background: var(--zemin-3) repeating-linear-gradient(45deg, transparent 0 12px, rgba(0, 0, 0, .03) 12px 24px); border-radius: var(--yaricap); display: grid; place-items: center; color: var(--soluk); font-size: 14px; }
.blok-mg { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
.blok-mg.ters figure { order: -1; }
.blok-mg figure { margin: 0; }
.blok-mg img { border-radius: var(--yaricap); width: 100%; }
.blok-mg h3 { font-size: 21px; margin-bottom: 12px; }
.blok-mg p, .blok-mg .cok { font: 18px/1.7 var(--f-metin); }
.blok-rakamlar, .blok-istatistik { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0; border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--kart); }
.blok-rakamlar > div, .blok-istatistik > div { padding: 22px 24px; border-left: 1px solid var(--cizgi); }
.blok-rakamlar > div:first-child, .blok-istatistik > div:first-child { border-left: 0; }
.blok-rakamlar b, .blok-istatistik b { display: block; font: 600 40px/1.1 var(--f-baslik); color: var(--murekkep); }
.blok-rakamlar span, .blok-istatistik span { display: block; margin-top: 4px; color: var(--soluk); font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.blok-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.blok-kartlar .kart { display: flex; flex-direction: column; border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; background: var(--kart); color: var(--metin); text-decoration: none !important; transition: box-shadow .2s, transform .2s; }
.blok-kartlar .kart:hover { box-shadow: var(--golge); transform: translateY(-2px); }
.blok-kartlar .kart img { aspect-ratio: 16/9; object-fit: cover; }
.blok-kartlar .kart > div { padding: 20px 22px; border-top: 3px solid var(--ana); flex: 1; display: flex; flex-direction: column; }
.blok-kartlar h3 { font-size: 18px; margin-bottom: 8px; }
.blok-kartlar p { margin: 0 0 12px; font-size: 14px; color: var(--soluk); }
.kart-ok { margin-top: auto; color: var(--ana); font-weight: 700; font-size: 14px; }
.blok-dugme { margin: 0; }
.blok-ayrac { border: 0; border-top: 1px solid var(--cizgi); margin: 12px 0; }

/* kahraman (büyük giriş bandı) */
.kahraman { position: relative; overflow: hidden; color: #fff; background-color: var(--ana-koyu); background-image: linear-gradient(115deg, color-mix(in srgb, var(--ana-koyu) 96%, transparent) 0%, color-mix(in srgb, var(--ana) 88%, transparent) 58%, color-mix(in srgb, var(--ana) 72%, transparent) 100%), var(--gorsel, none); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 470px; display: flex; align-items: center; }
.kahraman::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--ikinci); }
.kahraman-ic { position: relative; z-index: 2; max-width: var(--kap); width: 100%; margin: 0 auto; padding: 72px 24px 112px; }
.kahraman-ust { display: inline-block; text-transform: uppercase; letter-spacing: .18em; font-size: 13px; font-weight: 700; color: #fff; border-bottom: 2px solid var(--ikinci); padding-bottom: 6px; margin-bottom: 20px; }
.kahraman h1 { color: #fff; font-size: clamp(36px, 6vw, 62px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; max-width: 760px; }
.kahraman p { font-size: clamp(16px, 1.8vw, 20px); line-height: 1.55; max-width: 640px; margin: 20px 0 0; color: rgba(255, 255, 255, .92); }
.kahraman-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.kahraman .dugme.ana { background: var(--kart); color: var(--ana-koyu); border-color: #fff; }
.kahraman .dugme.ana:hover { background: #f4e9e9; }
.kahraman-desen { position: absolute; right: -80px; top: 50%; width: 620px; height: 620px; transform: translateY(-50%); opacity: .13; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 100 100'%3E%3Cg fill='none' stroke='%23fff' stroke-width='.6'%3E%3Crect x='-33' y='-33' width='66' height='66'/%3E%3Crect x='-33' y='-33' width='66' height='66' transform='rotate(45)'/%3E%3Ccircle r='28'/%3E%3Ccircle r='20'/%3E%3Crect x='-20' y='-20' width='40' height='40' transform='rotate(22.5)'/%3E%3Crect x='-20' y='-20' width='40' height='40' transform='rotate(67.5)'/%3E%3Ccircle r='8'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; pointer-events: none; }

/* ana sayfa düzeni */
.anasayfa > .bloklar { padding-bottom: 72px; }
.anasayfa > .bloklar > .blok.kap { margin-top: 44px; }
.anasayfa > .bloklar > .b-harita-bant + .blok, .anasayfa > .bloklar > .b-kahraman + .blok { margin-top: 0; }
.anasayfa > .bloklar > .b-hizli-erisim.kap { margin-top: 0; position: relative; z-index: 3; }
.anasayfa > .bloklar > .b-baslik.kap { margin-top: 60px; }
.anasayfa > .bloklar > .b-uc-sutun.kap { margin-top: 64px; }

/* haritalı giriş bandı */
.harita-bant { position: relative; height: 520px; overflow: hidden; background: var(--koyu-zemin); border-bottom: 3px solid var(--ana); }
.hb-harita { position: absolute; inset: 0; opacity: 0; transition: opacity .9s ease; }
.hb-harita.hazir { opacity: 1; }
.hb-perde { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(19, 28, 39, .96) 0%, rgba(19, 28, 39, .9) 34%, rgba(19, 28, 39, .35) 64%, rgba(19, 28, 39, .1) 85%); }
.hb-ic { position: relative; z-index: 2; max-width: var(--kap); margin: 0 auto; padding: 92px 24px 0; color: #fff; }
.hb-ust { display: block; font: 600 12px var(--f-arayuz); letter-spacing: .2em; text-transform: uppercase; color: #4fd1d9; margin-bottom: 18px; }
.hb-ic h1 { color: #fff; font: 600 clamp(38px, 5.2vw, 60px)/1.05 var(--f-baslik); max-width: 620px; text-transform: none; }
.hb-ic h1::after { content: ""; display: block; width: 56px; height: 2px; background: #4fd1d9; margin-top: 24px; }
.hb-ic p { font: clamp(17px, 1.6vw, 19.5px)/1.6 var(--f-metin); max-width: 540px; margin: 22px 0 0; color: rgba(255, 255, 255, .88); }
.harita-bant .kahraman-dugmeler { margin-top: 30px; }
.dugme.beyaz { background: var(--kart); color: var(--ana-koyu); border-color: #fff; }
.dugme.beyaz:hover { background: #f4e9e9; }

/* hızlı erişim kutuları */
.hizli-erisim { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); background: var(--kart); border: 1px solid var(--cizgi); border-top: 0; }
.he-kutu { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 22px 10px 20px; color: var(--murekkep); text-decoration: none !important; border-left: 1px solid var(--cizgi); font-weight: 600; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; text-align: center; transition: background .2s, color .2s; position: relative; }
.he-kutu:first-child { border-left: 0; }
@media (max-width: 1100px) and (min-width: 901px) {
  .hizli-erisim { grid-auto-flow: row; grid-template-columns: repeat(5, 1fr); }
  .he-kutu:nth-child(5n+1) { border-left: 0; }
  .he-kutu:nth-child(n+6) { border-top: 1px solid var(--cizgi); }
}
.he-kutu svg { color: var(--ikinci); width: 22px; height: 22px; }
.he-kutu::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--ana); transform: scaleX(0); transition: transform .2s; }
.he-kutu:hover { background: var(--zemin-2); color: var(--ana); }
.he-kutu:hover::after { transform: scaleX(1); }

/* bölüm başlıkları: serif, ince çizgili */
.blok-baslik { font: 600 28px/1.2 var(--f-baslik); color: var(--murekkep); padding-bottom: 14px; margin-top: 18px; position: relative; border-bottom: 1px solid var(--cizgi-koyu); }
.blok-baslik::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 48px; height: 2px; background: var(--ana); }

/* üç sütun */
.uc-sutun { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.uc-sutun section { display: flex; flex-direction: column; }
.sutun-baslik { font-size: 16.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid var(--cizgi); position: relative; }
.sutun-baslik::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 48px; height: 3px; background: var(--ana); }
.sutun-satir { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none !important; }
.sutun-satir b { display: block; font-size: 14px; font-weight: 600; line-height: 1.35; }
.sutun-satir small { display: block; color: var(--soluk); font-size: 13px; margin-top: 3px; }
.sutun-satir:hover b { color: var(--ana); }
.ss-renk { flex: none; width: 2px; align-self: stretch; background: var(--ana); }
.sutun-tumu { margin-top: 14px; font-weight: 700; font-size: 14px; }


/* dönem kartları */
.blok-donemler { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.donem-kart { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; min-height: 100px; padding: 16px 18px 14px; background: var(--kart); border: 1px solid var(--cizgi); border-left: 3px solid var(--ana); border-radius: var(--yaricap); color: var(--murekkep); text-decoration: none !important; transition: border-color .2s, background .2s; }
.donem-kart:hover { background: var(--zemin-2); border-color: var(--cizgi-koyu); border-left-color: var(--ana); }
.donem-ad { font: 600 16.5px/1.35 var(--f-baslik); }
.donem-say { font-size: 12px; color: var(--soluk); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }

/* olay kartları */
.olay-kartlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 18px; }
.olay-karti, .okuma-karti { position: relative; display: flex; flex-direction: column; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 20px 22px 20px; color: var(--metin); text-decoration: none !important; transition: border-color .2s, background .2s; overflow: hidden; }
.olay-karti::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--ana); }
.olay-karti:hover, .okuma-karti:hover { border-color: var(--cizgi-koyu); background: var(--zemin-2); }
.olay-karti:hover h3, .okuma-karti:hover h3 { color: var(--ana); }
.ok-donem { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); margin-bottom: 8px; }
.olay-karti h3, .okuma-karti h3 { font-size: 18px; line-height: 1.3; margin-bottom: 6px; transition: color .2s; }
.ok-meta { font-size: 13px; color: var(--soluk); }
.olay-karti p, .okuma-karti p { font: 14px/1.55 var(--f-metin); color: var(--metin); margin: 10px 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.okuma-kartlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }
.okuma-karti { border-top: 2px solid var(--ikinci); }
.okuma-karti .ok-donem { color: var(--ikinci); }
.okuma-karti .kart-ok { margin-top: 14px; }

/* anma şeridi */
.anma-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 22px 24px; background: var(--zemin-2); border-radius: var(--yaricap); border-left: 4px solid var(--ana); }
.anma-serit h3 { font-size: 14px; text-transform: uppercase; letter-spacing: .06em; width: 100%; color: var(--ana); }
.anma-serit a { display: flex; align-items: center; gap: 10px; color: var(--murekkep); font-weight: 600; font-size: 14px; }
.anma-serit .tumu { margin-left: auto; color: var(--ana); }
.tarih-kutu { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 46px; padding: 4px 6px; background: var(--kart); border: 1px solid var(--cizgi); border-top: 3px solid var(--ana); border-radius: 4px; font-size: 12px; text-transform: uppercase; color: var(--soluk); line-height: 1.1; font-weight: 600; }
.tarih-kutu b { font-size: 18px; color: var(--murekkep); }

/* ---------- süzgeç çubuğu ---------- */
.suzgec-cubugu { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px; background: var(--zemin-2); border-radius: var(--yaricap); margin-bottom: 26px; }
.suzgec-cubugu input, .suzgec-cubugu select { padding: 9px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: var(--kart); font-size: 14px; }
.suzgec-cubugu input { flex: 1 1 240px; }
.suzgec-cubugu select { flex: 0 1 220px; min-width: 0; }
.donem-bolum .ok-donem { display: none; }
.sonuc-say { font-size: 14px; color: var(--soluk); font-weight: 600; margin: 0 0 18px; }
.donem-bolum { margin-bottom: 42px; }
.donem-bolum h2 { display: flex; align-items: center; gap: 12px; font-size: 21px; margin-bottom: 18px; }
.donem-bolum h2 .cizgi { width: 3px; height: 26px; background: var(--ana); }
.donem-bolum h2 small { font-size: 13px; color: var(--soluk); font-weight: 600; background: var(--zemin-2); padding: 2px 9px; border-radius: 2px; }

/* ---------- olay sayfası ---------- */
.olay-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 52px; align-items: start; }
.makale { font: 18px/1.75 var(--f-metin); color: #2a2e33; max-width: 760px; }
.makale p { margin: 0 0 .9em; text-align: justify; text-indent: 1.5em; hyphens: auto; -webkit-hyphens: auto; }
.makale blockquote p, .makale li p { text-indent: 0; }
.blok-paragraf p { text-align: justify; text-indent: 1.5em; hyphens: auto; -webkit-hyphens: auto; }
.makale h2 { font: 600 21px/1.3 var(--f-baslik); margin: 1.6em 0 .6em; }
.makale h3 { font: 600 21px/1.3 var(--f-baslik); margin: 1.4em 0 .5em; }
.makale blockquote, .blok-paragraf blockquote { margin: 1.5em 2em; padding: 0 0 0 20px; border-left: 2px solid var(--cizgi-koyu); font-size: 16.5px; }
.makale blockquote cite { display: block; font: 600 12px/1.4 var(--f-arayuz); text-transform: uppercase; letter-spacing: .1em; color: var(--soluk); margin-bottom: 6px; font-style: normal; }
.makale blockquote p { margin: 0; font-style: normal; text-align: justify; }
.makale figure { margin: 1.6em 0; }
.makale figure img { border-radius: var(--yaricap); }
.makale figcaption { font: 14px/1.5 var(--f-arayuz); color: var(--soluk); margin-top: 8px; }
.hazirlaniyor { color: var(--soluk); font-style: italic; }
sup.dn { line-height: 0; font: 600 12px var(--f-arayuz); margin-left: 1px; }
sup.dn a { color: var(--ana); padding: 0 1px; }
.dipnotlar { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--murekkep); font: 14px/1.6 var(--f-metin); color: var(--metin); }
.dipnotlar h3 { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 12px; color: var(--soluk); }.dipnotlar ol { padding-left: 22px; margin: 0; }
.dipnotlar li { margin: 0 0 8px; padding-left: 4px; transition: background .4s; border-radius: 3px; }
.dipnotlar li.vurgu, li.vurgu { background: #fff4c7; }
.dipnotlar .geri-don { margin-left: 4px; color: var(--soluk); }
.fotolar { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin: 28px 0; }
.fotolar figure { margin: 0; }
.yan { position: sticky; top: calc(var(--yonetim-h) + 140px); display: flex; flex-direction: column; gap: 18px; }
.mini-harita { height: 240px; border-radius: var(--yaricap); overflow: hidden; border: 1px solid var(--cizgi); }
.yan-kutu { border: 1px solid var(--cizgi); border-top: 2px solid var(--murekkep); border-radius: 0; padding: 16px 20px 18px; background: var(--kart); }
.yan-kutu h3 { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; color: var(--soluk); margin-bottom: 12px; }
.rakam-kutu { border-top-color: var(--ana); }
.rakam { padding: 10px 0; border-top: 1px solid var(--cizgi); }
.rakam:first-of-type { border-top: 0; padding-top: 0; }
.rakam b { display: block; font: 600 21px/1.25 var(--f-baslik); color: var(--murekkep); }
.atif-oneri { font: 14px/1.55 var(--f-metin); color: var(--metin); margin: 0; }
.atif-kopyala { margin-top: 10px; }
.rakam span { font-size: 14px; color: var(--metin); }
.rakam em { color: var(--soluk); font-style: normal; }
.detay-kunye { display: grid; grid-template-columns: 70px 1fr; gap: 6px 10px; margin: 0; font-size: 14px; }
.detay-kunye dt { color: var(--soluk); font-weight: 600; }
.detay-kunye dd { margin: 0; }
.yan-baglanti { display: flex; gap: 10px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none !important; }
.yan-baglanti:first-of-type { border-top: 0; padding-top: 0; }
.yan-baglanti b { display: block; font-size: 14px; font-weight: 600; }
.yan-baglanti small { color: var(--soluk); font-size: 13px; }
.yan-baglanti:hover b { color: var(--ana); }
.yan-baglanti svg { flex: none; margin-top: 2px; }

/* ---------- atlas ---------- */
body[data-sayfa="atlas"] .alt { display: none; }
body[data-sayfa="atlas"] { height: 100vh; overflow: hidden; }
body[data-sayfa="atlas"] main { display: flex; min-height: 0; }
.atlas { flex: 1; display: grid; grid-template-columns: 64px 350px minmax(0, 1fr); min-height: 0; transition: grid-template-columns .25s ease; }
.atlas.panel-gizli { grid-template-columns: 64px 0 minmax(0, 1fr); }
.atlas-panel { display: flex; flex-direction: column; min-height: 0; min-width: 0; overflow: hidden; border-right: 1px solid var(--cizgi); background: var(--kart); box-shadow: 2px 0 10px rgba(20, 22, 25, .05); z-index: 3; }
/* sol araç çubuğu (koyu, simgeli) */
.atlas-ray { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; background: var(--koyu-zemin); z-index: 4; }
.atlas-ray button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 2px 8px; border: 0; background: none; color: #aeb7c1; cursor: pointer; font: 600 12px/1.1 var(--f-arayuz); letter-spacing: .04em; }
.atlas-ray button:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.atlas-ray button[aria-pressed="true"] { color: #fff; background: rgba(255, 255, 255, .1); }
.atlas-ray button[aria-pressed="true"]::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; background: #4fd1d9; }
.panel-baslik { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px 12px; border-bottom: 1px solid var(--cizgi); }
.panel-baslik h1 { font: 600 18px var(--f-baslik); }
.panel-kapat { border: 0; background: none; font-size: 21px; line-height: 1; color: var(--soluk); cursor: pointer; padding: 2px 6px; }
.panel-kapat:hover { color: var(--murekkep); }
.arac-govde { padding: 14px 18px; }
.arac-not { font-size: 13px; color: var(--soluk); line-height: 1.5; margin: 0 0 12px; }
.katman-satir { display: flex; gap: 12px; align-items: flex-start; padding: 11px 0; border-top: 1px solid var(--cizgi); cursor: pointer; position: relative; }
.katman-satir input { position: absolute; opacity: 0; }
.katman-satir .kutu { flex: none; width: 17px; height: 17px; margin-top: 1px; border: 1.5px solid var(--cizgi-koyu); border-radius: 2px; background: var(--kart); display: grid; place-items: center; }
.katman-satir input:checked + .kutu { background: var(--ikinci); border-color: var(--ikinci); }
.katman-satir input:checked + .kutu::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
.katman-satir input:focus-visible + .kutu { outline: 2px solid var(--ikinci); outline-offset: 2px; }
.katman-satir b { display: block; font-size: 14px; font-weight: 600; color: var(--murekkep); }
.katman-satir small { color: var(--soluk); font-size: 13px; }
.lejant-liste h3 { font: 600 12px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); margin: 16px 0 8px; }
.lejant-liste h3:first-child { margin-top: 0; }
.lj { display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: 14px; color: var(--murekkep); }
.lj > svg, .lj-tarihi { flex: none; width: 34px; display: flex; justify-content: center; }
.lj-tarihi { font: italic 600 12px var(--f-arayuz); color: #8b1a1f; width: auto; min-width: 34px; }
.donem-imi { display: block; width: 100%; text-align: left; padding: 11px 18px; border: 0; border-top: 1px solid var(--cizgi); background: var(--kart); cursor: pointer; border-left: 3px solid transparent; }
.donem-imi:hover { background: var(--zemin-2); }
.donem-imi.secili { border-left-color: var(--ana); background: var(--zemin-2); }
.donem-imi b { display: block; font: 600 14px/1.35 var(--f-baslik); color: var(--murekkep); }
.donem-imi small { color: var(--soluk); font-size: 13px; }
.zemin-galeri { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.zemin-kart { display: flex; flex-direction: column; gap: 2px; padding: 0 0 8px; border: 1px solid var(--cizgi); border-radius: 3px; background: var(--kart); cursor: pointer; text-align: left; overflow: hidden; }
.zemin-kart i { display: block; height: 62px; margin-bottom: 6px; }
.zemin-kart b, .zemin-kart small { padding: 0 9px; }
.zemin-kart b { font-size: 13px; }
.zemin-kart small { font-size: 12px; color: var(--soluk); }
.zemin-kart[aria-pressed="true"] { border-color: var(--ikinci); box-shadow: 0 0 0 2px var(--ikinci); }
.z-harita i { background: radial-gradient(circle at 30% 40%, #d8cfbf 0 12%, transparent 13%), radial-gradient(circle at 70% 65%, #cfc6b5 0 16%, transparent 17%), linear-gradient(135deg, #f2eee6 55%, #b9d1dc 55%); }
.z-sade i { background: linear-gradient(135deg, #f4f4f2 55%, #d4dde2 55%); }
.z-uydu i { background: radial-gradient(circle at 35% 45%, #6f7d4b 0 18%, transparent 19%), linear-gradient(135deg, #8a7d5c 50%, #1f3f5c 50%); }
.bilgi-sayi { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 0 14px; border: 1px solid var(--cizgi); }
.bilgi-sayi div { padding: 10px 12px; border-top: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); margin: -1px 0 0 -1px; }
.bilgi-sayi dt { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); font-weight: 600; }
.bilgi-sayi dd { margin: 2px 0 0; font: 600 21px var(--f-baslik); color: var(--murekkep); }
.bilgi-metin p { font: 14px/1.6 var(--f-metin); margin: 0 0 10px; }
.koord { position: absolute; left: 130px; bottom: 12px; z-index: 2; font: 500 12px var(--f-arayuz); color: var(--soluk); background: rgba(255, 255, 255, .85); padding: 2px 6px; border-radius: 2px; pointer-events: none; font-variant-numeric: tabular-nums; }
.koord:empty { display: none; }
.panel-dugme { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 4; width: 22px; height: 56px; border: 1px solid var(--cizgi); border-left: 0; border-radius: 0 6px 6px 0; background: var(--kart); color: var(--murekkep); font-size: 18px; line-height: 1; cursor: pointer; box-shadow: 2px 0 8px rgba(20, 22, 25, .1); }
.panel-dugme:hover { background: var(--ana); color: #fff; border-color: var(--ana); }
.panel-ust { padding: 18px 18px 12px; border-bottom: 1px solid var(--cizgi); }
.panel-ust h1 { font-size: 21px; font-weight: 800; margin-bottom: 12px; }
.arama input { width: 100%; padding: 10px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; font-size: 14px; }
.arama input:focus { border-color: var(--ikinci); outline: none; }
.suzgec-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.suzgec-satir select { width: 100%; min-width: 0; padding: 8px 9px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; font-size: 13px; background: var(--kart); }
.tur-secim { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.tur-secim button { display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 2px; background: var(--kart); font-size: 13px; font-weight: 600; cursor: pointer; color: var(--soluk); }
.tur-secim button[aria-pressed="true"] { border-color: var(--ana); color: #fff; background: var(--ana); }
.tur-secim button[aria-pressed="false"] svg { opacity: .35; }
.dz-sekmeler { display: flex; margin-top: 12px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; overflow: hidden; }
.dz-sekmeler button { flex: 1; padding: 7px; border: 0; background: var(--kart); cursor: pointer; font-size: 13px; font-weight: 600; }
.dz-sekmeler button + button { border-left: 1px solid var(--cizgi-koyu); }
.dz-sekmeler button[aria-selected="true"] { background: var(--murekkep); color: #fff; }
.panel-icerik { flex: 1; overflow-y: auto; }
.panel-say { display: flex; justify-content: space-between; align-items: center; padding: 10px 18px; font-size: 13px; font-weight: 600; color: var(--soluk); text-transform: uppercase; letter-spacing: .05em; position: sticky; top: 0; background: var(--kart); z-index: 1; border-bottom: 1px solid var(--cizgi); }
.panel-grup h3 { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 14px 18px 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--murekkep); border-left: 2px solid var(--ana); margin-top: 6px; }
.panel-grup h3 span { color: var(--soluk); font-weight: 600; }
.panel-satir { display: flex; gap: 10px; align-items: flex-start; width: 100%; text-align: left; padding: 9px 18px; border: 0; background: none; cursor: pointer; }
.panel-satir:hover { background: var(--zemin-2); }
.panel-satir svg { flex: none; margin-top: 2px; }
.panel-satir b { display: block; font-size: 14px; font-weight: 600; color: var(--murekkep); line-height: 1.35; }
.panel-satir small { color: var(--soluk); font-size: 13px; }
.bos-not { padding: 24px 18px; color: var(--soluk); }
.geri { display: block; padding: 12px 18px; border: 0; background: none; color: var(--ana); font-weight: 600; cursor: pointer; font-size: 14px; }
.detay { padding: 4px 18px 22px; border-top: 2px solid var(--ana); margin: 0 18px; padding: 18px 0 22px; }
.detay-donem { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ana); margin-bottom: 6px; }
.detay h2 { font-size: 21px; font-weight: 800; margin-bottom: 14px; }
.detay .detay-kunye { padding: 12px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.detay-ozet { font: 16.5px/1.6 var(--f-metin); margin: 14px 0; }
.detay-sayilar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0 18px; }
.detay-sayilar div { background: var(--zemin-2); padding: 10px 12px; border-radius: 4px; }
.detay-sayilar b { display: block; color: var(--ana); font-size: 16.5px; font-weight: 800; line-height: 1.2; }
.detay-sayilar span { font-size: 12px; color: var(--soluk); line-height: 1.35; display: block; }
.harita-alan { position: relative; min-width: 0; }
#harita { position: absolute; inset: 0; }
.harita-arac { position: absolute; top: 16px; right: 16px; z-index: 2; display: flex; flex-direction: column; gap: 10px; align-items: stretch; width: 210px; }
.zemin { display: flex; background: var(--kart); border-radius: 3px; box-shadow: 0 2px 10px rgba(20, 22, 25, .14); overflow: hidden; padding: 3px; gap: 3px; }
.zemin button { flex: 1; border: 0; background: transparent; padding: 7px 0; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--soluk); border-radius: 4px; }
.zemin button[aria-pressed="true"] { background: var(--ana); color: #fff; }
.katman-kutu { background: var(--kart); border-radius: 3px; box-shadow: 0 2px 10px rgba(20, 22, 25, .14); padding: 6px 0; }
.anahtar { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap: 9px; padding: 8px 14px; font-size: 13px; font-weight: 600; cursor: pointer; position: relative; color: var(--murekkep); }
.anahtar:hover { background: var(--zemin-2); }
.lejant { position: absolute; left: 34px; bottom: 28px; z-index: 2; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; max-width: calc(100% - 160px); background: rgba(255, 255, 255, .96); padding: 10px 16px; border-radius: 3px; box-shadow: 0 2px 10px rgba(20, 22, 25, .14); font-size: 13px; font-weight: 600; color: var(--murekkep); }
.lejant b { font-size: 12px; text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); margin-right: 2px; }
.lejant span { display: inline-flex; align-items: center; gap: 5px; }
.lejant small { color: var(--soluk); font-weight: 500; border-left: 1px solid var(--cizgi); padding-left: 14px; }
/* zaman şeridi */
.zaman-serit { position: absolute; left: 16px; right: 60px; bottom: 42px; z-index: 2; background: rgba(255, 255, 255, .97); border-radius: 3px; box-shadow: 0 2px 12px rgba(20, 22, 25, .16); padding: 10px 16px 6px; font-size: 13px; user-select: none; }
.zs-ust { display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px; color: var(--murekkep); }
.zs-ust b { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--soluk); }
.zs-ust span { font-weight: 600; }
.zs-ust em { font-style: normal; font-weight: 400; color: var(--soluk); margin-left: 8px; }
.zs-temizle { border: 0; background: var(--ana-acik); color: var(--ana); font-weight: 700; font-size: 12px; padding: 2px 9px; border-radius: 2px; margin-left: 8px; cursor: pointer; }
.zs-cubuklar { display: flex; align-items: flex-end; gap: 2px; height: 42px; cursor: crosshair; touch-action: none; }
.zs-cubuk { flex: 1; height: 100%; display: flex; align-items: flex-end; border-radius: 2px 2px 0 0; }
.zs-cubuk i { display: block; width: 100%; background: #d9c9c4; border-radius: 2px 2px 0 0; transition: background .15s; }
.zs-cubuk:hover i, .zs-cubuk.seciliyor i { background: var(--ana); opacity: .75; }
.zs-cubuk.secili i { background: var(--ana); }
.zs-cubuk.bos { pointer-events: auto; }
.zs-yillar { position: relative; height: 16px; color: var(--soluk); font-size: 12px; border-top: 1px solid var(--cizgi); }
.zs-yillar span { position: absolute; top: 2px; transform: translateX(-50%); }
.nokta-svg { flex: none; }
.rakam small { display: block; color: var(--soluk); font-size: 12px; margin-top: 2px; }
.sayfa-kaynakca { list-style: none; padding: 0; margin: 0; }
.sayfa-kaynakca li { padding: 0 0 0 2em; text-indent: -2em; margin-bottom: 8px; font-size: 14px; line-height: 1.55; }
.dipnotlar h3 + ol, .dipnotlar h3 + ul { margin-bottom: 26px; }
.maplibregl-popup.olay-kart-pop .maplibregl-popup-content { padding: 0; border-radius: 3px; overflow: hidden; box-shadow: 0 12px 34px rgba(20, 22, 25, .25); }
.maplibregl-popup.olay-kart-pop .maplibregl-popup-close-button { font-size: 21px; width: 30px; height: 30px; color: var(--soluk); right: 2px; top: 6px; }
.okp { border-top: 2px solid var(--ana); padding: 14px 18px 16px; font: 14px/1.5 var(--f-arayuz); color: var(--metin); }
.okp-donem { display: block; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ana); margin-bottom: 4px; padding-right: 20px; }
.okp h3 { font-size: 16.5px; font-weight: 800; color: var(--murekkep); margin-bottom: 4px; }
.okp-meta { font-size: 13px; color: var(--soluk); }
.okp p { margin: 10px 0 0; font: 14px/1.55 var(--f-metin); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.okp-sayi { margin-top: 10px; padding: 8px 10px; background: var(--zemin-2); border-radius: 4px; font-size: 13px; }
.okp-sayi b { color: var(--ana); font-size: 14px; }
.okp-git { display: inline-block; margin-top: 12px; font-weight: 700; font-size: 14px; }
.dz-serit { position: absolute; top: 14px; left: 14px; z-index: 2; max-width: 420px; background: var(--murekkep); color: #fff; padding: 9px 13px; border-radius: 4px; font-size: 13px; box-shadow: var(--golge); }
.dz-pin { cursor: grab; filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, .3)); line-height: 0; }
.dz-pin.secili { z-index: 5; }
.yol-nokta { width: 22px; height: 22px; border-radius: 50%; background: var(--kart); border: 2px solid var(--murekkep); font: 700 12px/18px var(--f-arayuz); text-align: center; cursor: grab; box-shadow: var(--golge); }
.maplibregl-popup.ipucu-kutu .maplibregl-popup-content { padding: 8px 12px; border-radius: 4px; box-shadow: var(--golge-buyuk); font: 13px/1.4 var(--f-arayuz); }
.maplibregl-popup.ipucu-kutu small { display: block; color: var(--soluk); margin-top: 2px; }
.maplibregl-popup.ipucu-kutu .maplibregl-popup-tip { display: none; }
.panel-form { padding: 6px 18px 22px; }

/* ---------- zaman tüneli ---------- */
.yuzyil-atla { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; position: sticky; top: calc(var(--yonetim-h) + 111px); background: var(--kart); padding: 10px 0; z-index: 2; border-bottom: 1px solid var(--cizgi); }
.yuzyil-atla a { padding: 6px 13px; border-radius: 2px; background: var(--zemin-2); color: var(--murekkep); font-weight: 600; font-size: 14px; }
.yuzyil { font-size: 28px; font-weight: 600; color: var(--murekkep); margin: 36px 0 18px; scroll-margin-top: 220px; }
.zaman-yil { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 14px 0; border-top: 1px solid var(--cizgi); }
.zaman-yil .yil { font: 600 21px var(--f-baslik); color: var(--murekkep); }
.zaman-yil a { display: flex; gap: 10px; align-items: flex-start; padding: 5px 0; color: var(--murekkep); text-decoration: none !important; }
.zaman-yil a b { font-weight: 600; }
.zaman-yil a:hover b { color: var(--ana); }
.zaman-yil small { display: block; color: var(--soluk); font-size: 13px; }

/* ---------- tanıklar ---------- */
.tanik-izgara { columns: 2 380px; column-gap: 20px; }
.tanik-kart { break-inside: avoid; margin: 0 0 20px; padding: 22px 24px; background: var(--kart); border: 1px solid var(--cizgi); border-top: 2px solid var(--ana); border-radius: var(--yaricap); }
.tanik-kart blockquote { margin: 0 0 14px; font: italic 16.5px/1.65 var(--f-metin); color: var(--murekkep); }
.tanik-kart figcaption b { display: block; font-size: 14px; }
.tanik-kart figcaption a { font-size: 13px; font-weight: 600; }
.tanik-kart figcaption .tanik-kaynak { display: block; font-size: 13px; color: var(--soluk); margin: 2px 0 6px; }


/* ---------- belgeler ---------- */
.belge-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }
.belge-kart { padding: 22px; background: var(--kart); border: 1px solid var(--cizgi); border-left: 2px solid var(--ana); border-radius: var(--yaricap); }
.belge-kart img { border-radius: 4px; margin-bottom: 14px; }
.belge-tur { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ikinci); margin-bottom: 6px; }
.belge-kart h3 { font-size: 16.5px; margin-bottom: 6px; }
.arsiv { font: 13px ui-monospace, Consolas, monospace; color: var(--soluk); margin-bottom: 10px; }
.belge-kart p { font-size: 14px; margin: 0 0 10px; }
.belge-kaynak { color: var(--soluk); font-size: 13px !important; }
.belge-olay { font-size: 14px; font-weight: 600; }

/* ---------- anma ---------- */
.bugun-not { font-size: 14px; margin: 0 0 22px; }
.anma-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 20px; }
.anma-ay { padding: 20px 22px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); }
.anma-ay.bu-ay { border-color: var(--ana); box-shadow: 0 0 0 1px var(--ana); }
.anma-ay h2 { font-size: 18px; color: var(--ana); margin-bottom: 12px; }
.anma-satir { display: flex; gap: 12px; align-items: flex-start; padding: 8px 0; border-top: 1px solid var(--cizgi); font-size: 14px; }
.anma-satir:first-of-type { border-top: 0; }
.anma-satir.bugun { background: var(--ana-acik); margin: 0 -10px; padding: 8px 10px; border-radius: 4px; }
.anma-satir small { display: block; color: var(--soluk); font-size: 13px; }
.anma-satir a { color: var(--murekkep); font-weight: 600; }
.anma-ozel { color: var(--ana); }

/* ---------- kaynakça ---------- */
.kaynak-grup { font-size: 21px; margin: 38px 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--murekkep); }
.kaynak-grup:first-child { margin-top: 0; }
.kaynak-liste { list-style: none; padding: 0; margin: 0; }
.kaynak-kart { padding: 12px 0 12px 2em; border-bottom: 1px solid var(--cizgi); }
.kaynak-kart > .kunye { text-indent: -2em; }
.kunye { font: 16.5px/1.6 var(--f-metin); color: var(--murekkep); }
.etiket-ttk { font: 600 12px var(--f-arayuz); letter-spacing: .08em; color: var(--ana); border: 1px solid var(--ana); border-radius: 2px; padding: 1px 5px; vertical-align: 2px; text-indent: 0; }
.kaynak-kart details { margin-top: 6px; }
.kaynak-kart summary { cursor: pointer; font-size: 13px; color: var(--ikinci); font-weight: 600; }
.kunye-ayrinti { display: grid; grid-template-columns: max-content 1fr; gap: 3px 16px; margin: 10px 0 4px; padding: 12px 16px; background: var(--zemin-2); border-radius: 4px; font-size: 14px; }
.kunye-ayrinti dt { color: var(--soluk); font-weight: 600; }
.kunye-ayrinti dd { margin: 0; }
.kaynak-erisim { font-size: 13px; font-weight: 600; }

/* ---------- dönem düzenleme ---------- */
.donem-form { max-width: 760px; }
.donem-dz { display: grid; grid-template-columns: 52px 1fr 80px; gap: 10px; align-items: center; margin-bottom: 8px; }
.donem-dz input[type=color] { width: 52px; height: 38px; padding: 2px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: var(--kart); }
.donem-dz span { font-size: 13px; color: var(--soluk); }

/* ---------- formlar ---------- */
.form { display: flex; flex-direction: column; gap: 12px; }
.form h3 { font-size: 16.5px; }
.form label { display: flex; flex-direction: column; gap: 5px; font-size: 13px; font-weight: 600; color: var(--murekkep); }
.form input:not([type=checkbox]):not([type=color]):not([type=file]), .form select, .form textarea { padding: 9px 11px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; font-size: 14px; font-weight: 400; background: var(--kart); width: 100%; }
.form textarea { min-height: 90px; resize: vertical; line-height: 1.5; }
.form textarea.kucuk-yazi { font-size: 13px; min-height: 80px; }
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--ikinci); outline: none; box-shadow: 0 0 0 3px var(--ikinci-acik); }
.form .iki { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.form .uc { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
.form input[type=color] { width: 100%; height: 38px; padding: 2px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; }
.butonlar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
label.kutu { flex-direction: row !important; align-items: center; gap: 7px !important; font-weight: 500 !important; }
.alan-gorsel .gorsel-sec { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.alan-gorsel img.onizle { max-height: 120px; margin-top: 8px; border-radius: 4px; }
.olay-secim { max-height: 280px; overflow-y: auto; border: 1px solid var(--cizgi); border-radius: 4px; padding: 8px 12px; }
.liste-duzen fieldset { border: 1px solid var(--cizgi); border-radius: 4px; padding: 10px 14px 14px; margin: 0 0 10px; display: flex; flex-direction: column; gap: 10px; }
.liste-duzen legend { font-size: 13px; font-weight: 700; padding: 0 6px; }
.kucuk-sil { border: 0; background: none; color: var(--ana); cursor: pointer; font-size: 13px; margin-left: 8px; }

/* ---------- pencere ---------- */
.pencere-arka { position: fixed; inset: 0; z-index: 100; background: rgba(18, 20, 23, .55); display: grid; place-items: center; padding: 20px; animation: belir .15s; }
@keyframes belir { from { opacity: 0; } }
.pencere { background: var(--kart); border-radius: 3px; width: min(560px, 100%); max-height: calc(100vh - 40px); display: flex; flex-direction: column; box-shadow: var(--golge-buyuk); border-top: 4px solid var(--ana); }
.pencere.genis { width: min(820px, 100%); }
.pencere header { display: flex; justify-content: space-between; align-items: center; padding: 16px 22px; border-bottom: 1px solid var(--cizgi); }
.pencere header h2 { font-size: 18px; }
.pencere .kapat { border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: var(--soluk); }
.pencere-ic { padding: 18px 22px; overflow-y: auto; }
.pencere footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 22px; border-top: 1px solid var(--cizgi); background: var(--zemin-2); border-radius: 0 0 8px 8px; }
.pencere footer:empty { display: none; }
.secim-grup { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); margin: 14px 0 8px; }
.secim-grup:first-child { margin-top: 0; }
.blok-secim { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; }
.blok-secim button { padding: 12px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: var(--kart); cursor: pointer; font-weight: 600; font-size: 14px; text-align: left; }
.blok-secim button:hover { border-color: var(--ana); color: var(--ana); background: var(--ana-acik); }
.menu-liste { display: flex; flex-direction: column; gap: 6px; margin: 12px 0 16px; }
.menu-satir { display: grid; grid-template-columns: 26px 1fr 120px 32px 32px 90px 32px; gap: 6px; align-items: center; padding: 6px 8px; border: 1px solid var(--cizgi); border-radius: 4px; }
.menu-satir.gizli { opacity: .55; }
.menu-satir .tutamak { font-size: 12px; color: var(--soluk); text-align: center; font-weight: 700; }
.menu-satir input:not([type=checkbox]) { padding: 7px 9px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; width: 100%; }
.menu-satir small { color: var(--soluk); font-size: 12px; }
.menu-satir button { border: 1px solid var(--cizgi-koyu); background: var(--kart); border-radius: 4px; height: 30px; cursor: pointer; }
.menu-satir .sil { color: var(--ana); }
.menu-satir label { font-size: 13px; display: flex; gap: 5px; align-items: center; }
.yeni-sayfa { display: flex; gap: 8px; }
.yeni-sayfa input { flex: 1; padding: 9px 11px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; }

/* ---------- düzenleme modu ---------- */
.dz-yazi { outline: 1px dashed transparent; outline-offset: 3px; border-radius: 2px; transition: outline-color .15s, background .15s; cursor: text; min-width: 40px; }
body.duzen-modu .dz-yazi { outline-color: rgba(0, 151, 167, .45); }
.dz-yazi:hover { outline-color: var(--ikinci) !important; background: rgba(0, 151, 167, .05); }
.dz-yazi:focus { outline: 2px solid var(--ikinci); background: rgba(0, 151, 167, .06); }
.kahraman .dz-yazi:hover, .kahraman .dz-yazi:focus, .harita-bant .dz-yazi:hover, .harita-bant .dz-yazi:focus { background: rgba(255, 255, 255, .1); outline-color: #fff !important; }
.dz-yazi:empty::before { content: attr(data-yer); color: var(--soluk); opacity: .75; font-style: italic; font-weight: 400; }
.kahraman .dz-yazi:empty::before, .harita-bant .dz-yazi:empty::before { color: rgba(255, 255, 255, .7); }
.dz-yazi.cok { white-space: pre-wrap; display: block; }
.sayfa-bant h1.dz-yazi, .sayfa-bant p.dz-yazi { display: block; }
.dz-blok { position: relative; outline: 1px dashed var(--cizgi-koyu); outline-offset: 10px; border-radius: 2px; }
.dz-blok:hover { outline-color: var(--ana); }
.blok-arac { position: absolute; top: -26px; right: -10px; z-index: 5; display: none; gap: 2px; align-items: center; background: var(--murekkep); color: #fff; border-radius: 4px; padding: 3px; box-shadow: var(--golge); font-size: 12px; }
.dz-blok:hover > .blok-arac, .dz-blok:focus-within > .blok-arac { display: flex; }
.blok-arac span { padding: 0 8px; color: #c9cdd2; font-weight: 600; }
.blok-arac button { border: 0; background: transparent; color: #fff; width: 26px; height: 24px; border-radius: 3px; cursor: pointer; font-size: 13px; }
.blok-arac button:hover { background: #3a3f45; }
.blok-arac .sil:hover { background: var(--ana); }
.b-kahraman.dz-blok { outline-offset: -6px; }
.b-kahraman > .blok-arac { top: 12px; right: 12px; }
.blok-ekle { display: flex; justify-content: center; position: relative; margin: 18px 0; }
.blok-ekle::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed var(--cizgi-koyu); }
.blok-ekle button { position: relative; background: var(--kart); border: 1px dashed var(--ana); color: var(--ana); border-radius: 14px; padding: 4px 14px; font-size: 13px; font-weight: 700; cursor: pointer; }
.blok-ekle button:hover { background: var(--ana); color: #fff; border-style: solid; }
.anasayfa .blok-ekle { max-width: var(--kap); margin-left: auto; margin-right: auto; }
.anasayfa > .bloklar > .blok-ekle:first-child { margin-top: 18px; }

/* ---------- metin düzenleyici ---------- */
.md-arac { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; align-items: end; }
.md-arac label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 600; }
.md-arac label.genis { grid-column: 1 / -1; }
.md-arac input { padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; }
.md-dugmeler { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; background: var(--zemin-2); border-radius: 4px; }
.md-dugmeler button { padding: 6px 12px; border: 1px solid var(--cizgi-koyu); background: var(--kart); border-radius: 4px; cursor: pointer; font-weight: 600; font-size: 13px; }
.md-dugmeler select { padding: 6px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; max-width: 320px; }
.md-kaydet { grid-column: 1 / -1; display: flex; gap: 8px; }
.md-duzen { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.md-duzen textarea { width: 100%; min-height: 70vh; padding: 18px; border: 1px solid var(--cizgi-koyu); border-radius: var(--yaricap); font: 14px/1.65 ui-monospace, Consolas, monospace; resize: vertical; }
.md-duzen .makale { padding: 18px 24px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); max-height: 70vh; overflow-y: auto; font-size: 16.5px; }

/* ---------- alt bilgi ---------- */
.alt { background: var(--koyu-zemin); color: #b9bec4; margin-top: auto; border-top: 3px solid var(--ana); }
.alt .logo-yazi { border-left-color: #3a4552; }
.alt-izgara { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px; padding: 52px 24px 40px; }
.alt .logo-yazi b { color: #fff; }
.alt .logo-yazi small { color: #9aa4ae; }
.alt-slogan { color: #fff !important; font-weight: 600; margin: 18px 0 0 !important; }
.alt-marka p { font-size: 14px; line-height: 1.65; margin: 18px 0 0; max-width: 520px; color: #b9bec4; }
.alt h4 { color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid #4fd1d9; display: inline-block; }
.alt-izgara > div > a { display: block; color: #d4d8dc; font-size: 14px; padding: 4px 0; }
.alt-izgara > div > a:hover { color: #fff; }
.alt-serit { border-top: 1px solid #30343a; font-size: 13px; color: #8c9298; }
.alt-serit .kap { display: flex; justify-content: space-between; gap: 20px; padding-top: 14px; padding-bottom: 16px; flex-wrap: wrap; }

/* ---------- bildirim ---------- */
.bildirim { position: fixed; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 120; background: var(--murekkep); color: #fff; padding: 11px 20px; border-radius: 4px; box-shadow: var(--golge-buyuk); font-size: 14px; max-width: calc(100% - 40px); border-left: 4px solid var(--ikinci); }
.bildirim.hata { border-left-color: var(--ana); }
.bildirim.tamam { border-left-color: #2e9d5b; }

/* ---------- MapLibre ince ayar ---------- */
.maplibregl-ctrl-group { border-radius: 4px !important; box-shadow: var(--golge) !important; }
.maplibregl-ctrl-scale { border-color: var(--soluk); color: var(--soluk); font: 12px var(--f-arayuz); }

/* ---------- duyarlı ---------- */
@media (max-width: 1260px) {
  .ana-menu > a, .menu-grup > button { padding: 0 11px; font-size: 14px; }
  .ana-menu > a::after, .menu-grup > button::after { left: 11px; right: 11px; }
  .logo-yazi b { font-size: 18px; }
}
@media (max-width: 1100px) {
  .olay-duzen { grid-template-columns: 1fr; }
  .yan { position: static; }
  .atlas { grid-template-columns: 64px 300px minmax(0, 1fr); }
  .atlas.panel-gizli { grid-template-columns: 64px 0 minmax(0, 1fr); }
  .uc-sutun { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px) {
  .ust-ana > .kap { height: 70px; gap: 12px; }
  .logo .amblem { width: 42px; height: 42px; }
  .logo-yazi b { font-size: 16.5px; }
  .menu-ac { display: block; }
  .ara-ac { margin-left: auto; }
  .ana-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; height: auto; flex-direction: column; background: var(--kart); border-top: 1px solid var(--cizgi); box-shadow: 0 12px 24px rgba(20, 22, 25, .12); padding: 6px 16px 12px; margin: 0; }
  .ust-ana { position: relative; }
  .ana-menu.acik { display: flex; }
  .ana-menu > a, .menu-grup > button { height: auto; padding: 12px 0; border-bottom: 1px solid var(--cizgi); width: 100%; justify-content: space-between; }
  .ana-menu > a::after, .menu-grup > button::after { display: none; }
  .alt-menu { position: static; display: block; box-shadow: none; border-top: 0; padding: 0 0 6px 12px; min-width: 0; }
  .menu-grup .ok { display: none; }
}
@media (max-width: 900px) {
  body[data-sayfa="atlas"] { height: auto; overflow: visible; }
  body[data-sayfa="atlas"] main { display: block; }
  .atlas, .atlas.panel-gizli { grid-template-columns: 1fr; grid-template-rows: auto 60vh auto; height: auto; }
  .atlas-ray { flex-direction: row; overflow-x: auto; padding: 0 4px; }
  .atlas-ray button { flex: 1 0 auto; padding: 8px 10px; }
  .atlas-ray button[aria-pressed="true"]::before { left: 6px; right: 6px; top: auto; bottom: 0; width: auto; height: 3px; }
  .harita-alan { order: 1; min-height: 60vh; }
  .atlas-panel { order: 2; }
  .atlas.panel-gizli .atlas-panel { display: none; }
  .koord { display: none; }
  .atlas-panel { border-right: 0; }
  .panel-dugme { display: none; }
  .harita-arac { width: 170px; top: 10px; right: 10px; }
  .zaman-serit { left: 10px; right: 10px; bottom: 10px; }
  .zs-ust em { display: none; }
  .blok-mg { grid-template-columns: 1fr; }
  .alt-izgara { grid-template-columns: 1fr; gap: 28px; }
  .md-duzen { grid-template-columns: 1fr; }
  .md-arac { grid-template-columns: 1fr 1fr; }
  .menu-satir { grid-template-columns: 22px 1fr 30px 30px 30px; }
  .menu-satir small, .menu-satir label, .menu-satir select { display: none; }
  .yuzyil-atla { position: static; }
  .kahraman-desen { display: none; }
  .harita-bant { height: 480px; }
  .hb-perde { background: linear-gradient(180deg, color-mix(in srgb, var(--ana-koyu) 92%, transparent) 0%, color-mix(in srgb, var(--ana) 70%, transparent) 60%, color-mix(in srgb, var(--ana) 30%, transparent) 100%); }
  .hb-ic { padding-top: 54px; }
  .uc-sutun { grid-template-columns: 1fr; }
  .hizli-erisim { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); }
  .he-kutu:nth-child(4n + 1) { border-left: 0; }
  .he-kutu:nth-child(n + 5) { border-top: 1px solid var(--cizgi); }
}
@media (max-width: 560px) {
  .kap { padding: 0 16px; }
  .logo-yazi small { display: none; }
  .sayfa-bant { padding: 24px 0 26px; }
  .form .iki, .form .uc { grid-template-columns: 1fr; }
  .zaman-yil { grid-template-columns: 64px 1fr; gap: 12px; }
  .tanik-izgara { columns: 1; }
  .olay-kartlari, .okuma-kartlari, .belge-izgara, .anma-izgara { grid-template-columns: 1fr; }
  .yonetim .y-ipucu { display: none; }
  .hizli-erisim { grid-template-columns: repeat(2, 1fr); }
  .he-kutu { border-left: 0 !important; border-top: 1px solid var(--cizgi); }
  .he-kutu:nth-child(2n) { border-left: 1px solid var(--cizgi) !important; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }

/* ================= Kurum teması: koyu üst bölüm, kâğıt zemin ================= */
.ust { background: var(--koyu-zemin); box-shadow: 0 1px 0 rgba(79, 209, 217, .25), 0 6px 18px rgba(0, 0, 0, .18); }
.ust-serit { background: #05202a; border-bottom: 1px solid rgba(79, 209, 217, .15); }
.logo-yazi { border-left-color: rgba(79, 209, 217, .35); }
.ust .logo-yazi b { color: #f6efe0; }
.ust .logo-yazi small { color: #8fdde2; }
.ana-menu > a, .menu-grup > button { color: #e6dfcf; }
.ana-menu > a:hover, .menu-grup > button:hover, .ana-menu > a.aktif, .menu-grup.aktif > button { color: #7fe3e9; }
.ana-menu > a::after, .menu-grup > button::after { background: #4fd1d9; }
.menu-grup .ok { color: #a99e86; }
.ara-ac { background: transparent; border-color: rgba(79, 209, 217, .45); color: #e3f6f7; }
.ara-ac:hover, .ara-ac[aria-expanded="true"] { background: #4fd1d9; border-color: #4fd1d9; color: #131c27; }
.ust-ara { background: #062026; border-top-color: rgba(79, 209, 217, .2); }
.menu-ac span { background: #e3f6f7; }
.sayfa-bant { background: linear-gradient(180deg, #dfe8e5, #ecefea); border-bottom-color: #c6d3cf; }
.kahraman, .harita-bant { background-color: #071f27; }
@media (max-width: 980px) { .ana-menu { background: var(--koyu-zemin); border-top-color: rgba(79, 209, 217, .2); } .ana-menu > a, .menu-grup > button { border-bottom-color: rgba(255, 255, 255, .08); } .alt-menu { background: transparent; } .alt-menu a { color: #d9d2c2; } }

/* ================= Atlas: ArcGIS Map Viewer (koyu tema) örnek alınmıştır ================= */
.atlas { --ak-zemin: #0f1a26; --ak-zemin-2: #142231; --ak-cizgi: rgba(255, 255, 255, .08); --ak-yazi: #e8e2d4; --ak-soluk: #9aa7b4; --ak-altin: #4fd1d9; background: #071f27; }
.atlas-ray { background: #0a121b; border-right: 1px solid var(--ak-cizgi); }
.atlas-ray button[aria-pressed="true"]::before { background: var(--ak-altin); }
.atlas-panel { background: var(--ak-zemin); color: var(--ak-yazi); border-right: 1px solid var(--ak-cizgi); box-shadow: 4px 0 18px rgba(0, 0, 0, .35); }
.atlas-panel h1, .atlas-panel h2, .atlas-panel h3, .atlas-panel b { color: var(--ak-yazi); }
.atlas .panel-baslik { border-bottom-color: var(--ak-cizgi); background: linear-gradient(180deg, #13212f, var(--ak-zemin)); }
.atlas .panel-baslik h1 { color: #f6efe0; }
.atlas .panel-kapat { color: var(--ak-soluk); }
.atlas .panel-ust { border-bottom-color: var(--ak-cizgi); }
.atlas .arama input, .atlas .suzgec-satir select { background: #0b1420; border-color: #2a3a4b; color: var(--ak-yazi); }
.atlas .arama input::placeholder { color: #7e8b98; }
.atlas .tur-secim button { background: transparent; border-color: #2f4052; color: var(--ak-soluk); }
.atlas .tur-secim button[aria-pressed="true"] { background: rgba(79, 209, 217, .14); border-color: var(--ak-altin); color: #f6efe0; }
.atlas .panel-say { background: var(--ak-zemin); color: var(--ak-soluk); border-bottom-color: var(--ak-cizgi); }
.atlas .panel-grup h3 { color: var(--ak-altin); border-left-color: var(--ak-altin); }
.atlas .panel-grup h3 span { color: var(--ak-soluk); }
.atlas .panel-satir b { color: var(--ak-yazi); }
.atlas .panel-satir small { color: var(--ak-soluk); }
.atlas .panel-satir:hover { background: rgba(255, 255, 255, .04); }
.atlas .geri { color: var(--ak-altin); }
.atlas .detay { border-top-color: var(--ak-altin); }
.atlas .detay-donem { color: var(--ak-altin); }
.atlas .detay .detay-kunye { border-color: var(--ak-cizgi); }
.atlas .detay-kunye dt { color: var(--ak-soluk); }
.atlas .detay-ozet { color: #d8d2c4; }
.atlas .detay-sayilar div { background: rgba(255, 255, 255, .04); }
.atlas .detay-sayilar b { color: #4fd1d9; }
.atlas .detay-sayilar span { color: var(--ak-soluk); }
.atlas .dugme.ana { background: #e30a17; border-color: #e30a17; }
.atlas .arac-not, .atlas .bos-not { color: var(--ak-soluk); }
.atlas .donem-imi { background: transparent; border-top-color: var(--ak-cizgi); }
.atlas .donem-imi:hover, .atlas .donem-imi.secili { background: rgba(255, 255, 255, .04); }
.atlas .donem-imi.secili { border-left-color: var(--ak-altin); }
.atlas .donem-imi b { color: var(--ak-yazi); }
.atlas .donem-imi small { color: var(--ak-soluk); }
.atlas .lejant-liste h3 { color: var(--ak-altin); }
.atlas .lj { color: var(--ak-yazi); }
.atlas .lj em { margin-left: auto; font-style: normal; color: var(--ak-soluk); font-size: 12px; }
.lj-akis, .kk-akis { flex: none; width: 34px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, rgba(63, 208, 214, .15), rgba(120, 214, 190, .6), #4fd1d9); box-shadow: 0 0 8px rgba(0, 194, 204, .5); }
.lj-ag { flex: none; width: 34px; height: 22px; background-image: linear-gradient(rgba(233, 214, 160, .35) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 214, 160, .35) 1px, transparent 1px); background-size: 11px 11px; border: 1px solid rgba(233, 214, 160, .2); }
.atlas .lj-tarihi { color: #ffb4a3; }
.atlas .bilgi-sayi { border-color: var(--ak-cizgi); }
.atlas .bilgi-sayi div { border-color: var(--ak-cizgi); }
.atlas .bilgi-sayi dt { color: var(--ak-soluk); }
.atlas .bilgi-sayi dd { color: #f6efe0; }
.atlas .bilgi-metin p { color: #d8d2c4; }
.atlas .dugme.ikincil { background: transparent; color: var(--ak-yazi); border-color: #2f4052; }
/* katman kartları */
.kk-grup { font: 600 12px var(--f-arayuz) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--ak-altin) !important; margin: 18px 0 8px; }
.kk-grup:first-child { margin-top: 0; }
.katman-kart { border: 1px solid var(--ak-cizgi); background: var(--ak-zemin-2); border-radius: 3px; margin-bottom: 8px; padding: 10px 12px; opacity: .72; transition: opacity .2s, border-color .2s; }
.katman-kart.acik { opacity: 1; border-color: rgba(79, 209, 217, .25); }
.kk-ust { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; position: relative; }
.kk-ust input { position: absolute; opacity: 0; }
.goz { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; border: 1.5px solid #4a5b6c; display: grid; place-items: center; }
.kk-ust input:checked + .goz { border-color: var(--ak-altin); background: rgba(79, 209, 217, .15); }
.kk-ust input:checked + .goz::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ak-altin); box-shadow: 0 0 8px var(--ak-altin); }
.kk-ust input:focus-visible + .goz { outline: 2px solid var(--ak-altin); outline-offset: 2px; }
.kk-ad b { display: block; font: 600 14px var(--f-arayuz); color: var(--ak-yazi); }
.kk-ad small { display: block; font-size: 12px; color: var(--ak-soluk); margin-top: 1px; }
.kk-lejant { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 9px 0 0 30px; font-size: 12px; color: #c8cfd6; }
.kk-lejant small { color: var(--ak-soluk); font-size: 12px; }
.kk-cip { display: inline-flex; align-items: center; gap: 5px; }
.kk-cip i { width: 9px; height: 9px; border-radius: 50%; box-shadow: 0 0 6px currentColor; }
.kk-saydam { display: grid; grid-template-columns: auto 1fr 36px; gap: 8px; align-items: center; margin: 9px 0 0 30px; font-size: 12px; color: var(--ak-soluk); }
.kk-saydam input { accent-color: var(--ak-altin); width: 100%; }
.kk-saydam output { text-align: right; color: var(--ak-yazi); font-variant-numeric: tabular-nums; }
/* zemin galerisi */
.atlas .zemin-kart { background: var(--ak-zemin-2); border-color: var(--ak-cizgi); color: var(--ak-yazi); }
.atlas .zemin-kart small { color: var(--ak-soluk); }
.atlas .zemin-kart[aria-pressed="true"] { border-color: var(--ak-altin); box-shadow: 0 0 0 2px var(--ak-altin); }
.zemin-galeri { grid-template-columns: 1fr 1fr; }
.z-gece i { background: radial-gradient(circle at 30% 45%, rgba(255, 91, 58, .9) 0 3px, rgba(255, 91, 58, .25) 4px 9px, transparent 10px), radial-gradient(circle at 68% 60%, rgba(63, 208, 214, .9) 0 3px, rgba(63, 208, 214, .25) 4px 9px, transparent 10px), linear-gradient(115deg, transparent 40%, rgba(79, 209, 217, .55) 41%, transparent 43%), linear-gradient(135deg, #1b2a35 50%, #071f27 50%); }
/* harita başlık şeridi ve zaman şeridi */
.harita-baslik { position: absolute; top: 14px; left: 16px; z-index: 2; max-width: min(560px, calc(100% - 120px)); padding: 10px 16px 11px; background: rgba(10, 18, 27, .78); backdrop-filter: blur(6px); border: 1px solid rgba(79, 209, 217, .25); border-left: 3px solid #4fd1d9; border-radius: 3px; color: #f6efe0; pointer-events: none; }
.harita-baslik small { display: block; font: 600 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; color: #4fd1d9; }
.harita-baslik b { display: block; font: 600 16.5px/1.25 var(--f-baslik); margin-top: 3px; }
.harita-baslik span { display: block; font-size: 12px; color: #aab5c0; margin-top: 3px; font-variant-numeric: tabular-nums; }
.atlas .zaman-serit { background: rgba(10, 18, 27, .82); backdrop-filter: blur(6px); border: 1px solid rgba(79, 209, 217, .2); box-shadow: 0 6px 22px rgba(0, 0, 0, .35); color: #e8e2d4; }
.atlas .zs-ust, .atlas .zs-ust span { color: #e8e2d4; }
.atlas .zs-ust b { color: #4fd1d9; }
.atlas .zs-ust em { color: #8e9aa6; }
.atlas .zs-cubuk i { background: rgba(0, 194, 204, .35); }
.atlas .zs-cubuk:hover i, .atlas .zs-cubuk.seciliyor i, .atlas .zs-cubuk.secili i { background: #4fd1d9; opacity: 1; box-shadow: 0 0 8px rgba(79, 209, 217, .6); }
.atlas .zs-yillar { color: #8e9aa6; border-top-color: rgba(255, 255, 255, .1); }
.atlas .zs-temizle { background: rgba(79, 209, 217, .15); color: #4fd1d9; }
.atlas .koord { background: rgba(10, 18, 27, .75); color: #c9d1d9; }
.atlas .maplibregl-ctrl-group { background: rgba(10, 18, 27, .85); border: 1px solid rgba(79, 209, 217, .25); }
.atlas .maplibregl-ctrl-group button + button { border-top-color: rgba(255, 255, 255, .1); }
.atlas .maplibregl-ctrl-group button .maplibregl-ctrl-icon { filter: invert(1) sepia(.4) brightness(1.1); }
.atlas .maplibregl-ctrl-group button svg path { stroke: #e8e2d4; }
.atlas .maplibregl-ctrl-scale { background: rgba(10, 18, 27, .6); color: #c9d1d9; border-color: #c9d1d9; }
.atlas .maplibregl-ctrl-attrib { background: rgba(10, 18, 27, .6) !important; color: #9aa7b4; }
.atlas .maplibregl-ctrl-attrib a { color: #c9d1d9; }
.atlas .maplibregl-popup.olay-kart-pop .maplibregl-popup-content { background: #0f1a26; border: 1px solid rgba(79, 209, 217, .3); }
.atlas .maplibregl-popup.olay-kart-pop .maplibregl-popup-tip { border-top-color: #0f1a26; border-bottom-color: #0f1a26; }
.atlas .okp { color: #d8d2c4; border-top-color: #4fd1d9; }
.atlas .okp h3 { color: #f6efe0; }
.atlas .okp-donem { color: #4fd1d9; }
.atlas .okp-meta { color: #9aa7b4; }
.atlas .okp-sayi { background: rgba(255, 255, 255, .05); }
.atlas .okp-sayi b { color: #4fd1d9; }
.atlas .okp-git { color: #4fd1d9; }
.atlas .maplibregl-popup.ipucu-kutu .maplibregl-popup-content { background: rgba(10, 18, 27, .92); color: #f6efe0; border: 1px solid rgba(79, 209, 217, .3); }
.atlas .maplibregl-popup.ipucu-kutu small { color: #aab5c0; }
/* açık zeminde başlık ve kontroller yine koyu kalır; yalnız zemin rengi değişir */
.atlas.acik-zemin { background: #efe9dd; }
@media (max-width: 900px) { .harita-baslik { display: none; } }

/* ================= Living Atlas örnekli iki katlı üst bölüm ================= */
.ust { background: #0a3540; box-shadow: 0 6px 18px rgba(0, 0, 0, .2); border-top: 3px solid var(--ana); }
.ust-serit { display: none; }
.ust-ana { background: linear-gradient(90deg, #0b3a45, #0a3540 60%, #08303a); }
.ust-ana > .kap { height: 72px; gap: 18px; }
.ust-slogan { margin-left: auto; font: 500 12px var(--f-arayuz); letter-spacing: .08em; text-transform: uppercase; color: #9fd9dd; }
.kapali-rozet { font: 700 12px var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: #fff; background: var(--ana); padding: 4px 9px; border-radius: 2px; }
.ust-menu { background: #062026; border-top: 1px solid rgba(79, 209, 217, .15); }
.ust-menu > .kap { display: flex; align-items: stretch; height: 46px; }
.ust-menu .ana-menu { margin-left: 0; }
.ust-menu .ana-menu > a, .ust-menu .menu-grup > button { padding: 0 18px; color: #d7e6e5; }
.ust-menu .ana-menu > a:first-child { padding-left: 0; }
.ust-menu .ana-menu > a:first-child::after { left: 0; }
.ust-menu .ana-menu > a.aktif, .ust-menu .menu-grup.aktif > button { color: #fff; background: rgba(0, 163, 173, .12); }
.ust-menu .ana-menu > a::after, .ust-menu .menu-grup > button::after { height: 3px; background: var(--ikinci); }
.ust-menu .alt-menu { border-top-color: var(--ikinci); }
.ust-menu .alt-menu a:hover, .ust-menu .alt-menu a.aktif { color: var(--ikinci-koyu); border-left-color: var(--ikinci); }
@media (max-width: 1100px) { .ust-slogan { display: none; } .kapali-rozet { margin-left: auto; } }
@media (max-width: 980px) {
  .ust-menu > .kap { height: auto; padding: 0; }
  .ust-menu .ana-menu { display: none; position: static; width: 100%; background: #062026; padding: 6px 16px 12px; }
  .ust-menu .ana-menu.acik { display: flex; }
  .ust-menu .ana-menu > a:first-child { padding-left: 0; }
}
@media (max-width: 560px) { .kapali-rozet { display: none; } .ara-ac { margin-left: auto; } }

/* ================= Ana sayfa: arama bandı ve harita önizlemeli kartlar ================= */
.harita-bant { border-bottom-color: var(--ikinci); }
.hb-ust { color: #7fe3e9; }
.hb-ic h1::after { background: var(--ana); }
.hb-ara { display: flex; max-width: 560px; margin-top: 26px; background: rgba(255, 255, 255, .96); border-radius: 3px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, .3); }
.hb-ara input { flex: 1; border: 0; padding: 15px 18px; font: 16.5px var(--f-arayuz); color: #102a30; background: transparent; outline: none; }
.hb-ara button { border: 0; width: 56px; background: var(--ikinci); color: #fff; cursor: pointer; display: grid; place-items: center; }
.hb-ara button:hover { background: var(--ikinci-koyu); }
.harita-bant .kahraman-dugmeler { margin-top: 18px; }
.dugme.beyaz { color: var(--ana); }
.blok-donemler { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 22px; }
.donem-kart { display: flex; flex-direction: column; justify-content: flex-start; gap: 0; min-height: 0; padding: 0; border: 1px solid var(--cizgi); border-left: 1px solid var(--cizgi); border-radius: 3px; overflow: hidden; background: var(--kart); transition: transform .2s, box-shadow .2s; }
.donem-kart:hover { transform: translateY(-3px); box-shadow: 0 10px 26px rgba(8, 42, 50, .18); border-color: var(--ikinci); background: var(--kart); border-left-color: var(--ikinci); }
.dk-harita { display: block; width: 100%; aspect-ratio: 32 / 15; height: auto; }
.dk-govde { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px 16px; border-top: 3px solid var(--ikinci); }
.dk-tur { font: 600 12px var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: var(--ikinci-koyu); }
.donem-kart .donem-ad { font: 600 16.5px/1.3 var(--f-baslik); color: var(--ikinci-koyu); }
.donem-kart:hover .donem-ad { color: var(--ana); }
.donem-kart .donem-say { text-transform: none; letter-spacing: 0; font-size: 13px; }
.blok-baslik::after, .sutun-baslik::after, .sayfa-bant h1::after { background: var(--ana); }
.he-kutu svg { color: var(--ikinci); }
.blok-istatistik b { color: var(--ikinci-koyu); }
.olay-karti::before { background: var(--ana); }
.okuma-karti { border-top-color: var(--ikinci); }
a { color: var(--ikinci-koyu); }
.makale a, .dipnotlar a, sup.dn a { color: var(--ana); }
.alt { background: #062026; border-top-color: var(--ikinci); }
.alt h4 { border-bottom-color: var(--ikinci); }

/* ================= Atlas: arama, araç düğmeleri, ölçüm, oynatma, grafikler ================= */
.harita-sag { position: absolute; top: 14px; right: 14px; z-index: 3; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; width: min(330px, calc(100% - 28px)); }
.harita-ara { position: relative; display: flex; width: 100%; background: rgba(7, 31, 39, .9); border: 1px solid rgba(79, 209, 217, .35); border-radius: 3px; backdrop-filter: blur(6px); }
.harita-ara input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 10px 12px; color: #e8f6f6; font-size: 14px; outline: none; }
.harita-ara input::placeholder { color: #86a9ad; }
.harita-ara > button { border: 0; background: var(--ikinci); color: #fff; width: 42px; cursor: pointer; display: grid; place-items: center; }
.ha-oneri { position: absolute; top: calc(100% + 4px); left: 0; right: 0; margin: 0; padding: 4px 0; list-style: none; background: #0b2a33; border: 1px solid rgba(79, 209, 217, .3); border-radius: 3px; box-shadow: 0 12px 28px rgba(0, 0, 0, .4); max-height: 340px; overflow-y: auto; }
.ha-oneri button { display: flex; gap: 10px; align-items: center; width: 100%; padding: 8px 12px; border: 0; background: none; text-align: left; cursor: pointer; color: #e8f6f6; }
.ha-oneri button:hover { background: rgba(0, 163, 173, .18); }
.ha-oneri b { display: block; font-size: 13px; font-weight: 600; }
.ha-oneri small { display: block; font-size: 12px; color: #8fb7bb; }
.ha-yer { width: 16px; color: #ff8a8f; text-align: center; }
.ha-bos { padding: 10px 12px; color: #8fb7bb; font-size: 13px; }
.arac-dugmeleri { display: flex; gap: 8px; }
.arac-dugmeleri > button, .ad-grup > button { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(79, 209, 217, .45); background: rgba(7, 31, 39, .88); color: #dff4f5; cursor: pointer; display: grid; place-items: center; box-shadow: 0 3px 10px rgba(0, 0, 0, .3); transition: background .15s, border-color .15s; }
.arac-dugmeleri > button:hover, .ad-grup > button:hover { background: var(--ikinci); border-color: var(--ikinci); color: #fff; }
.arac-dugmeleri > button[aria-pressed="true"] { background: var(--ana); border-color: var(--ana); color: #fff; }
.arac-dugmeleri svg { width: 18px; height: 18px; }
.ad-grup { position: relative; }
.ad-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 4; width: 210px; padding: 6px 0; background: #0b2a33; border: 1px solid rgba(79, 209, 217, .3); border-radius: 3px; box-shadow: 0 12px 28px rgba(0, 0, 0, .4); }
.ad-menu button { display: block; width: 100%; padding: 8px 14px; border: 0; background: none; text-align: left; color: #e8f6f6; font-size: 13px; cursor: pointer; border-left: 3px solid transparent; }
.ad-menu button:hover { background: rgba(0, 163, 173, .16); border-left-color: var(--ikinci); }
.olcum-kutu { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 9px 12px; background: rgba(7, 31, 39, .92); border: 1px solid rgba(79, 209, 217, .35); border-left: 3px solid var(--ana); border-radius: 3px; color: #e8f6f6; font-size: 13px; }
.olcum-kutu b { font: 600 12px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: #7fe3e9; width: 100%; }
.olcum-kutu span { font-variant-numeric: tabular-nums; font-size: 14px; }
.olcum-kutu button { margin-left: auto; border: 1px solid rgba(255, 255, 255, .25); background: none; color: #e8f6f6; font-size: 12px; padding: 3px 9px; border-radius: 2px; cursor: pointer; }
.zs-oynat { width: 28px; height: 28px; border-radius: 50%; border: 0; background: var(--ana); color: #fff; font-size: 12px; cursor: pointer; display: inline-grid; place-items: center; flex: none; box-shadow: 0 0 0 3px rgba(227, 10, 23, .25); }
.zs-oynat:hover { background: #ff2533; }
.zs-ust { align-items: center; }
.grafik { display: flex; flex-direction: column; gap: 6px; margin-bottom: 6px; }
.g-satir { display: grid; grid-template-columns: 112px 1fr 34px; gap: 8px; align-items: center; font-size: 12px; color: #d7e6e5; }
.g-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-cubuk { height: 9px; background: rgba(255, 255, 255, .06); border-radius: 2px; overflow: hidden; }
.g-cubuk i { display: block; height: 100%; border-radius: 2px; box-shadow: 0 0 8px rgba(0, 194, 204, .4); }
.g-satir b { text-align: right; font-variant-numeric: tabular-nums; color: #fff !important; font-size: 12px; }
.lj-kademe .lj { min-height: 32px; }
.lj-kademe .lj > img, .lejant-liste .lj > img { flex: none; margin: 0 9px; }
.nokta-svg { flex: none; }
.atlas .harita-baslik { border-left-color: var(--ana); }
.atlas .tur-secim button[aria-pressed="true"] { background: rgba(0, 163, 173, .18); border-color: var(--ikinci); }
@media (max-width: 900px) { .harita-sag { top: 10px; right: 10px; } .arac-dugmeleri > button, .ad-grup > button { width: 34px; height: 34px; } }
.harita-baslik { max-width: min(520px, calc(100% - 380px)); }
@media (max-width: 1200px) { .harita-baslik { display: none; } }
.yuzyil-atla { top: calc(var(--yonetim-h) + 121px); }
.olcum-kutu[hidden], .ha-oneri[hidden], .ad-menu[hidden] { display: none !important; }
.harita-ara { z-index: 6; } .arac-dugmeleri { position: relative; z-index: 5; }

/* ---------- Ziyaret: Yol Tarifi ve Katliam Güzergâhları ---------- */
.guz-sayfa { display: grid; grid-template-columns: minmax(330px, 430px) minmax(0, 1fr); height: calc(100vh - var(--guz-ust, 118px)); min-height: 520px; background: var(--zemin); }
.guz-yan { overflow-y: auto; padding: 22px 24px 40px; border-right: 1px solid var(--cizgi); background: var(--kart); }
.guz-yan h1 { font-size: 28px; margin: 6px 0 8px; }
.guz-ozet { color: var(--soluk); line-height: 1.6; margin: 0 0 14px; }
.guz-bolge-y { display: inline-block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ikinci); font-weight: 700; }
.guz-harita-kap { position: relative; min-height: 0; }
.guz-harita { position: absolute; inset: 0; }
.guz-kontrol { background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 4px; padding: 14px; margin: 6px 0 18px; display: grid; gap: 12px; }
.guz-mod { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--ikinci); border-radius: 4px; overflow: hidden; }
.guz-mod button { border: 0; background: transparent; padding: 9px; font: inherit; font-weight: 600; cursor: pointer; color: var(--ikinci); }
.guz-mod button.secili { background: var(--ikinci); color: #fff; }
.guz-bas { display: grid; gap: 4px; font-size: 13px; color: var(--soluk); }
.guz-bas select, .yt-ara input { font: inherit; padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 3px; background: #fff; width: 100%; box-sizing: border-box; }
.guz-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.guz-not-k { margin: 0; font-size: 12px; color: var(--soluk); }
.guz-uyari { font-size: 13px; color: var(--soluk); border-left: 3px solid var(--ana); padding: 6px 10px; background: rgba(227, 10, 23, .04); margin-top: 20px; }
.guz-alt-bag { font-size: 14px; margin-top: 16px; }
.yt-alan { display: grid; gap: 5px; }
.yt-etiket { font-size: 12px; text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); font-weight: 700; }
.yt-secim { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; background: #fff; border: 1px solid var(--cizgi); border-radius: 3px; }
.baglanti { border: 0; background: none; color: var(--ikinci); cursor: pointer; font: inherit; font-size: 13px; text-decoration: underline; padding: 0; }
.yt-ara { position: relative; }
.yt-sonuc { list-style: none; margin: 0; padding: 0; position: absolute; left: 0; right: 0; top: 100%; z-index: 20; background: #fff; box-shadow: var(--golge-buyuk); max-height: 300px; overflow: auto; border-radius: 0 0 3px 3px; }
.yt-sonuc button, .yt-yakin button { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 8px 10px; cursor: pointer; font: inherit; border-top: 1px solid var(--cizgi); }
.yt-sonuc button:hover, .yt-yakin button:hover { background: rgba(0, 163, 173, .08); }
.yt-sonuc small, .yt-yakin small { display: block; color: var(--soluk); font-size: 12px; }
.yt-kart { border-left: 4px solid var(--r, var(--ana)); background: #fff; padding: 12px 14px; display: grid; gap: 6px; box-shadow: var(--golge, 0 1px 3px rgba(0,0,0,.08)); }
.yt-kart small { color: var(--soluk); font-size: 12px; }
.yt-kart h3 { margin: 0; font-size: 18px; }
.yt-kart p { margin: 0; font-size: 14px; line-height: 1.55; }
.yt-kart .dugme { justify-self: start; }
.yt-uzak { font-size: 13px; color: var(--ikinci); font-weight: 600; }
.yt-baslik { font-size: 14px; margin: 18px 0 6px; }
.yt-yakin { margin: 0; padding-left: 22px; }
.yt-yakin li::marker { color: var(--ana); font-weight: 700; }
.guz-konum { width: 18px; height: 18px; border-radius: 50%; background: #1a73e8; border: 3px solid #fff; box-shadow: 0 0 0 6px rgba(26, 115, 232, .25); }

/* tarif kutusu */
.guz-tarif { position: absolute; left: 14px; top: 14px; width: min(360px, calc(100% - 28px)); max-height: 62%; overflow: auto; background: #fff; border-radius: 4px; box-shadow: var(--golge-buyuk); padding: 14px 16px; border-top: 4px solid var(--ana); z-index: 5; }
.gt-bas { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.gt-bas small { color: var(--soluk); display: block; }
.gt-bas b { display: block; font-size: 16.5px; margin: 2px 0; }
.gt-bas span { color: var(--ana); font-weight: 700; }
.gt-bas .kapat, .guz-isik .kapat { border: 0; background: none; font-size: 18px; cursor: pointer; color: var(--soluk); }
.gt-uyari { background: #fff6e0; padding: 8px 10px; font-size: 13px; border-radius: 3px; }
.gt-adimlar, .gt-etaplar { margin: 12px 0; padding-left: 22px; font-size: 14px; }
.gt-adimlar li, .gt-etaplar li { padding: 6px 0; border-bottom: 1px solid var(--cizgi); }
.gt-adimlar small, .gt-etaplar small { display: block; color: var(--soluk); font-size: 12px; }
.gt-alt { display: flex; flex-wrap: wrap; gap: 8px; }
.gt-kaynak { font-size: 12px; color: var(--soluk); margin: 10px 0 0; }

/* güzergâh listesi */
.guz-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 22px; }
.guz-kart { display: flex; flex-direction: column; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 4px; overflow: hidden; color: var(--murekkep); text-decoration: none !important; transition: transform .15s, box-shadow .15s; }
.guz-kart:hover { transform: translateY(-3px); box-shadow: var(--golge-buyuk); }
.guz-kapak { height: 170px; background: linear-gradient(135deg, #082a32, #0e7c86) center/cover; position: relative; }
.guz-kapak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.55)); }
.guz-bolge { position: absolute; left: 14px; bottom: 10px; z-index: 1; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.guz-kart-govde { padding: 14px 16px 16px; display: grid; gap: 8px; }
.guz-kart-govde h3 { margin: 0; font-size: 18px; }
.guz-kart-govde p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--soluk); }
.guz-meta { font-size: 13px; color: var(--ikinci); font-weight: 600; }
.guz-yonetim { display: flex; gap: 12px; align-items: center; margin-bottom: 18px; }

/* duraklar */
.guz-duraklar { list-style: none; margin: 0; padding: 0; counter-reset: d; }
.guz-durak { padding: 16px 0; border-top: 1px solid var(--cizgi); scroll-margin-top: 10px; }
.guz-durak.aktif { background: linear-gradient(90deg, rgba(227, 10, 23, .06), transparent); margin: 0 -24px; padding: 16px 24px; }
.guz-durak-bas { display: flex; gap: 12px; align-items: flex-start; }
.guz-no { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--ana); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 13px; }
.guz-durak h3 { margin: 0; font-size: 16.5px; }
.guz-git { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; cursor: pointer; text-align: left; color: var(--murekkep); }
.guz-git:hover { color: var(--ana); }
.guz-olay { font-size: 13px; color: var(--ikinci); }
.guz-durak-ozet { font-size: 14px; line-height: 1.55; margin: 8px 0 0 40px; }
.guz-ziyaret { font-size: 14px; margin: 8px 0 0 40px; background: var(--zemin); padding: 8px 10px; border-radius: 3px; }
.guz-galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; margin: 10px 0 0 40px; }
.guz-galeri figure { margin: 0; display: grid; gap: 4px; }
.guz-resim { border: 0; padding: 0; cursor: zoom-in; background: none; display: block; }
.guz-resim img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 3px; display: block; }
.guz-galeri figcaption { font-size: 12px; color: var(--soluk); line-height: 1.35; }
.guz-galeri input { font: inherit; font-size: 12px; padding: 4px 6px; border: 1px solid var(--cizgi); border-radius: 2px; }
.guz-g-arac, .guz-sira { display: inline-flex; gap: 4px; }
.guz-g-arac button, .guz-sira button { border: 1px solid var(--cizgi); background: #fff; cursor: pointer; padding: 2px 8px; border-radius: 2px; }
.guz-g-ekle { display: flex; flex-direction: column; gap: 6px; justify-content: center; }
.guz-eylem { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0 0 40px; }
.guz-not-alan { display: grid; gap: 4px; font-size: 13px; color: var(--soluk); margin: 10px 0 0 40px; }
.guz-not-alan textarea { font: inherit; font-size: 14px; min-height: 60px; padding: 6px 8px; border: 1px solid var(--cizgi); border-radius: 3px; }
.guz-duzen-ust { display: grid; gap: 10px; margin: 10px 0; }
.guz-duzen-ust label, .guz-ekle label { display: grid; gap: 4px; font-size: 13px; color: var(--soluk); }
.guz-duzen-ust input, .guz-duzen-ust textarea, .guz-duzen-ust select, .guz-ekle select { font: inherit; padding: 7px 9px; border: 1px solid var(--cizgi); border-radius: 3px; }
.guz-duzen-ust textarea { min-height: 80px; }
.guz-ekle { margin-top: 14px; }

/* büyük görsel */
.guz-isik { position: fixed; inset: 0; z-index: 900; background: rgba(5, 12, 16, .92); display: grid; place-items: center; padding: 30px 60px; }
.guz-isik figure { margin: 0; max-width: 1100px; display: grid; gap: 10px; }
.guz-isik img { max-width: 100%; max-height: 78vh; object-fit: contain; margin: 0 auto; display: block; }
.guz-isik figcaption { color: #e9e4d8; font-size: 14px; line-height: 1.5; text-align: center; }
.guz-isik figcaption small { display: block; color: #9aa7b4; margin-top: 4px; }
.guz-isik figcaption a { color: #7fe3e9; }
.guz-isik .kapat { position: absolute; top: 14px; right: 18px; color: #fff; font-size: 28px; }
.guz-isik .onceki, .guz-isik .sonraki { position: absolute; top: 50%; transform: translateY(-50%); border: 0; background: rgba(255,255,255,.12); color: #fff; font-size: 40px; width: 48px; height: 64px; cursor: pointer; border-radius: 3px; }
.guz-isik .onceki { left: 10px; } .guz-isik .sonraki { right: 10px; }
.arsiv-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; max-height: 60vh; overflow: auto; }
.arsiv-izgara button { border: 1px solid var(--cizgi); background: #fff; padding: 4px; cursor: pointer; display: grid; gap: 4px; font-size: 12px; }
.arsiv-izgara img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ziyaret-kutu { display: grid; gap: 8px; }
.ziyaret-kutu .dugme { justify-self: start; }
.ziyaret-mod { font-size: 13px; }
body[data-sayfa="yol-tarifi"] .alt { display: none; }

@media (max-width: 860px) {
  .guz-sayfa { grid-template-columns: 1fr; height: auto; }
  .guz-harita-kap { order: -1; height: 58vh; }
  .guz-yan { border-right: 0; }
  .guz-tarif { position: static; width: auto; max-height: none; margin: 10px; }
}

/* ---------- Mavi Vatan: koyu deniz haritası, konu paneli, sesli anlatım ---------- */
.mv-sayfa { display: grid; grid-template-columns: minmax(340px, 460px) minmax(0, 1fr); height: calc(100vh - var(--guz-ust, 118px)); min-height: 560px; background: #0b2229; }
.mv-yan { overflow-y: auto; padding: 22px 26px 44px; background: var(--kart); border-right: 3px solid var(--ikinci); }
.mv-baslik { padding-bottom: 16px; border-bottom: 1px solid var(--cizgi); margin-bottom: 18px; }
.mv-ust { display: inline-block; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--ikinci-koyu); font-weight: 700; border-bottom: 2px solid var(--ikinci); padding-bottom: 4px; }
.mv-baslik h1 { font-size: 28px; margin: 10px 0 8px; line-height: 1.2; }
.mv-baslik p { color: var(--soluk); line-height: 1.6; margin: 0 0 14px; }
.mv-hepsi { width: 100%; justify-content: center; }
.mv-konular { list-style: none; margin: 0; padding: 0; counter-reset: k; }
.mv-konular a { display: flex; gap: 14px; align-items: flex-start; padding: 12px 6px; border-bottom: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; transition: background .15s; }
.mv-konular a:hover { background: var(--ikinci-acik); }
.mv-konular b { display: block; font: 600 16.5px/1.35 var(--f-baslik); }
.mv-konular small { display: block; color: var(--soluk); font-size: 13px; line-height: 1.45; margin-top: 2px; }
.mv-no { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #0f3c47; color: #f6d27a; font-weight: 800; font-size: 13px; }
.mv-not { margin-top: 18px; font-size: 13px; color: var(--soluk); line-height: 1.55; }
.mv-geri { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.mv-geri span { color: var(--soluk); font-weight: 500; }
.mv-metin { font-size: 16.5px; }
.mv-metin h3 { margin-top: 26px; font-size: 18px; color: #0f3c47; }
.mv-gezin { display: flex; justify-content: space-between; gap: 12px; margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: 14px; font-weight: 600; }
.mv-gezin a:last-child { text-align: right; }
.mv-harita-kap { position: relative; min-height: 0; overflow: hidden; }
#mv-harita { position: absolute; inset: 0; }
.mv-harita-kap .maplibregl-ctrl-attrib { background: rgba(6, 22, 26, .7); color: #cfe3e3; }
.mv-harita-kap .maplibregl-ctrl-attrib a { color: #f6d27a; }
.mv-lejant { position: absolute; top: 12px; left: 12px; z-index: 3; background: rgba(6, 24, 29, .86); color: #e9efea; border: 1px solid rgba(127, 227, 233, .25); border-radius: 4px; font-size: 13px; max-width: 300px; backdrop-filter: blur(3px); }
.mv-lejant summary { cursor: pointer; padding: 8px 12px; font-weight: 700; letter-spacing: .04em; }
.mv-lejant ul { list-style: none; margin: 0; padding: 0 12px 10px; display: grid; gap: 6px; }
.mv-lejant li { display: flex; gap: 9px; align-items: center; line-height: 1.3; }
.mv-lejant i { flex: none; width: 16px; height: 12px; border-radius: 2px; background: var(--r); opacity: .85; }
.mv-lejant i.nokta { width: 11px; height: 11px; border-radius: 50%; border: 1px solid #0b1d22; opacity: 1; }
.mv-lejant i.halka { width: 12px; height: 12px; border-radius: 50%; background: none; border: 2px solid var(--r); }
.mv-lejant i.cizgi { height: 3px; }
.mv-lejant i.kesik { height: 0; background: none; border-top: 2px dashed var(--r); }
.mv-lejant i.alan { opacity: .55; }
/* altyazı: videodaki gibi alt ortada, sözcük sözcük vurgulu */
.mv-altyazi { position: absolute; left: 50%; bottom: 88px; transform: translateX(-50%); z-index: 4; width: min(760px, calc(100% - 40px)); text-align: center; font: 600 clamp(16px, 1.7vw, 21px)/1.5 var(--f-arayuz); color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .8); background: rgba(4, 14, 18, .55); padding: 10px 18px; border-radius: 6px; }
.mv-altyazi mark { background: none; color: #f6d27a; }
/* siyah ara kart: yıl ve başlık */
.mv-kart { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(6, 20, 24, .9), rgba(0, 0, 0, .96)), repeating-linear-gradient(0deg, transparent 0 59px, rgba(127, 227, 233, .06) 59px 60px), repeating-linear-gradient(90deg, transparent 0 59px, rgba(127, 227, 233, .06) 59px 60px); opacity: 0; }
.mv-kart.gir { animation: mvKartGir .7s ease forwards; }
.mv-kart.cik { animation: mvKartCik .6s ease forwards; }
.mv-kart-yil { font: 800 clamp(48px, 8vw, 96px)/1 var(--f-baslik); color: #f6d27a; letter-spacing: .04em; }
.mv-kart-baslik { font: 700 clamp(16px, 2vw, 24px)/1.3 var(--f-arayuz); color: #fff; letter-spacing: .14em; text-transform: uppercase; text-align: center; padding: 0 20px; border-top: 2px solid var(--ana); padding-top: 12px; }
@keyframes mvKartGir { from { opacity: 0; transform: scale(1.03); } to { opacity: 1; transform: none; } }
@keyframes mvKartCik { from { opacity: 1; } to { opacity: 0; } }
/* oynatıcı */
.mv-kontrol { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 6; }
.mv-oyna { display: flex; align-items: center; gap: 10px; border: 0; cursor: pointer; background: var(--ana); color: #fff; font-weight: 700; font-size: 14px; padding: 12px 22px 12px 16px; border-radius: 40px; box-shadow: 0 6px 22px rgba(0, 0, 0, .45); }
.mv-oyna span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff; color: var(--ana); font-size: 13px; padding-left: 2px; }
.mv-oyna:hover { background: var(--ana-koyu); }
.mv-oynatici { display: flex; align-items: center; gap: 6px; background: rgba(6, 22, 26, .9); border: 1px solid rgba(127, 227, 233, .3); border-radius: 40px; padding: 6px 14px 6px 8px; color: #dfe9e6; box-shadow: 0 6px 22px rgba(0, 0, 0, .45); max-width: calc(100vw - 40px); }
.mv-oynatici button { width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; font-size: 13px; }
.mv-oynatici button:hover { background: var(--ana); }
.mv-ilerleme { display: flex; gap: 4px; margin: 0 8px; }
.mv-ilerleme i { width: 18px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .22); }
.mv-ilerleme i.gecti { background: #f6d27a; }
.mv-ilerleme i.simdi { background: var(--ana); }
.mv-oynatici small { font-size: 12px; color: #a9c3c2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
body.mv-oynuyor .mv-lejant { opacity: .35; }
.mv-popup .maplibregl-popup-content { font: 14px/1.45 var(--f-arayuz); padding: 12px 14px; }
.mv-popup b { font-size: 14px; }
.mv-popup-durum { margin: 6px 0 4px; padding-left: 9px; border-left: 3px solid var(--r); font-weight: 600; }
.mv-popup p { margin: 4px 0 0; }
.mv-popup .mv-popup-itiraz { color: var(--ana-koyu); font-weight: 600; }
.mv-duzen { margin-top: 26px; padding: 16px; border: 1px dashed var(--ikinci); border-radius: 4px; background: var(--ikinci-acik); display: grid; gap: 10px; }
.mv-duzen label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.mv-duzen input, .mv-duzen textarea { font: 14px/1.5 var(--f-arayuz); padding: 7px 9px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: #fff; color: var(--murekkep); }
.mv-duzen-adim { display: grid; gap: 6px; padding-top: 10px; border-top: 1px solid rgba(0, 122, 130, .25); }
body[data-sayfa="mavi-vatan"] .alt { display: none; }
/* Mavi Vatan harita araçları */
.mv-harita-kap .maplibregl-ctrl-group { background: rgba(6, 24, 29, .9); border: 1px solid rgba(127, 227, 233, .25); }
.mv-harita-kap .maplibregl-ctrl-group button + button { border-top-color: rgba(127, 227, 233, .18); }
.mv-harita-kap .maplibregl-ctrl-group button .maplibregl-ctrl-icon { filter: invert(1) brightness(1.6); }
.mv-harita-kap .maplibregl-ctrl-attrib.maplibregl-compact-show { max-width: min(520px, calc(100% - 180px)); }
.mv-arac button { color: #e9efea; display: grid; place-items: center; }
.mv-arac button:hover { color: #f6d27a; background: rgba(255, 255, 255, .06); }
.mv-arac button.etkin { color: #0b1d22; background: #f6d27a; }
.mv-harita-kap .maplibregl-ctrl-scale { background: rgba(6, 24, 29, .75); color: #e9efea; border-color: #cfe8e6; font: 600 12px var(--f-arayuz); }
.mv-koord { position: absolute; left: 12px; bottom: 64px; z-index: 3; font: 600 12px/1 var(--f-arayuz); font-variant-numeric: tabular-nums; color: #e9efea; background: rgba(6, 24, 29, .8); padding: 5px 8px; border-radius: 3px; opacity: 0; transition: opacity .2s; pointer-events: none; }
.mv-koord.acik { opacity: 1; }
.mv-katman-panel { position: absolute; top: 12px; right: 56px; z-index: 4; width: 270px; max-height: calc(100% - 90px); overflow: auto; background: rgba(6, 24, 29, .94); color: #e9efea; border: 1px solid rgba(127, 227, 233, .25); border-radius: 4px; padding: 10px 12px; font-size: 13px; display: grid; gap: 5px; }
.mv-katman-panel b { letter-spacing: .04em; margin-bottom: 2px; }
.mv-katman-panel label { display: flex; gap: 8px; align-items: flex-start; line-height: 1.3; cursor: pointer; }
.mv-katman-panel input { accent-color: #f6d27a; margin-top: 2px; }
.mv-katman-panel p { margin: 6px 0 0; font-size: 12px; color: #a9c3c2; line-height: 1.4; }
.mv-olcum-kutu { position: absolute; right: 56px; bottom: 34px; z-index: 4; width: 250px; background: rgba(6, 24, 29, .94); color: #e9efea; border: 1px solid rgba(246, 210, 122, .45); border-radius: 4px; padding: 10px 12px; font-size: 13px; display: grid; gap: 4px; }
.mv-olcum-kutu b { font-size: 16.5px; color: #f6d27a; font-variant-numeric: tabular-nums; }
.mv-olcum-kutu p, .mv-olcum-kutu small { margin: 0; color: #a9c3c2; line-height: 1.4; }
.mv-olcum-kutu small { font-size: 12px; }
.mv-olcum-kutu div { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.mv-olcum-kutu button { border: 1px solid rgba(127, 227, 233, .35); background: rgba(255, 255, 255, .06); color: #e9efea; font: 600 12px var(--f-arayuz); padding: 5px 9px; border-radius: 3px; cursor: pointer; justify-self: start; }
.mv-olcum-kutu button:hover { border-color: #f6d27a; color: #f6d27a; }
.mv-popup .mv-popup-koord { font-size: 12px; color: #5d6b67; font-variant-numeric: tabular-nums; }
.mv-katman-panel[hidden], .mv-olcum-kutu[hidden], body.mv-oynuyor .mv-katman-panel, body.mv-oynuyor .mv-olcum-kutu { display: none; }
@media (max-width: 860px) {
  .mv-katman-panel { right: 52px; width: min(250px, calc(100% - 70px)); }
  .mv-olcum-kutu { right: 10px; left: 10px; width: auto; bottom: 70px; }
  .mv-koord { display: none; }
}
@media (max-width: 860px) {
  .mv-sayfa { grid-template-columns: 1fr; height: auto; }
  .mv-harita-kap { order: -1; height: 62vh; }
  .mv-yan { border-right: 0; border-top: 3px solid var(--ikinci); }
  .mv-lejant { max-width: 220px; font-size: 12px; }
  .mv-lejant:not([open]) { max-width: 150px; }
  .mv-altyazi { bottom: 76px; font-size: 14px; }
  .mv-oynatici small { display: none; }
}

/* ---------- Türk Dünyası Şahsiyetleri ---------- */
.sh-sayfa { display: grid; grid-template-columns: minmax(340px, 470px) minmax(0, 1fr); height: calc(100vh - var(--guz-ust, 118px)); min-height: 560px; background: #101d27; }
body[data-sayfa="sahsiyetler"] .alt { display: none; }
.sh-yan { overflow-y: auto; padding: 22px 24px 44px; background: var(--kart); border-right: 3px solid #b38b2d; }
.sh-baslik { padding-bottom: 14px; border-bottom: 1px solid var(--cizgi); margin-bottom: 14px; }
.sh-baslik h1 { font-size: 28px; margin: 10px 0 8px; line-height: 1.2; }
.sh-baslik p { color: var(--soluk); line-height: 1.6; margin: 0; }
.sh-filtre { display: grid; gap: 10px; margin-bottom: 8px; }
.sh-filtre input, .sh-filtre select { font: 14px var(--f-arayuz); padding: 8px 10px; border: 1px solid var(--cizgi-koyu); border-radius: 4px; background: #fff; color: var(--murekkep); }
.sh-alanlar { display: flex; flex-wrap: wrap; gap: 6px; }
.sh-alanlar button { display: inline-flex; align-items: center; gap: 6px; font: 600 13px var(--f-arayuz); padding: 5px 10px; border-radius: 20px; border: 1px solid var(--cizgi-koyu); background: #fff; color: var(--murekkep); cursor: pointer; }
.sh-alanlar button i { width: 9px; height: 9px; border-radius: 50%; background: var(--r); }
.sh-alanlar button.secik { background: var(--r); border-color: var(--r); color: #111; }
.sh-alanlar button.secik i { background: #fff; }
.sh-sayi { font-size: 13px; color: var(--soluk); display: flex; align-items: center; gap: 10px; }
.sh-grup-bas { font: 700 13px/1.3 var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: #8a6a1f; margin: 20px 0 6px; padding-bottom: 6px; border-bottom: 2px solid #e6d7ae; display: flex; justify-content: space-between; gap: 8px; }
.sh-grup-bas small { font-weight: 500; letter-spacing: .02em; text-transform: none; color: var(--soluk); }
.sh-liste { list-style: none; margin: 0; padding: 0; }
.sh-liste a { display: flex; gap: 12px; align-items: center; padding: 7px 4px; border-bottom: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; border-left: 3px solid transparent; transition: background .15s, border-color .15s; }
.sh-liste a:hover { background: #faf4e2; border-left-color: var(--r); }
.sh-liste img, .sh-harf { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: center 20%; border: 2px solid var(--r); background: #1b2420; }
.sh-harf { display: grid; place-items: center; color: #f6d27a; font: 700 16.5px var(--f-baslik); }
.sh-liste b { display: block; font: 600 14px/1.3 var(--f-baslik); }
.sh-liste small { display: block; color: var(--soluk); font-size: 13px; }
.sh-kisi-bas { display: grid; grid-template-columns: 116px 1fr; gap: 16px; align-items: end; padding-bottom: 14px; border-bottom: 3px solid var(--r); margin-bottom: 14px; }
.sh-portre { margin: 0; }
.sh-portre img { width: 116px; height: 146px; object-fit: cover; object-position: center 15%; border-radius: 3px; display: block; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); background: #1b2420; }
.sh-portre figcaption { font-size: 12px; line-height: 1.35; color: var(--soluk); margin-top: 4px; }
.sh-portre figcaption span, .sh-galeri figcaption span { display: block; opacity: .8; }
.sh-portre.bos { width: 116px; height: 146px; display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, #2f3a33, #141a17); border-radius: 3px; }
.sh-portre.bos span { font: 700 54px var(--f-baslik); color: #f6d27a; }
figure.yuklenemedi img { display: none; }
.sh-etiket { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; color: var(--soluk); }
.sh-kisi-bas h1 { font-size: 28px; line-height: 1.15; margin: 6px 0 4px; }
.sh-diger { margin: 0 0 2px; font-style: italic; color: var(--soluk); font-size: 14px; }
.sh-yasam { margin: 0; font-weight: 700; color: #8a6a1f; }
.sh-ozet { font-size: 16.5px; line-height: 1.6; margin: 0 0 14px; }
.sh-canlandir { width: 100%; justify-content: center; }
.sh-ses { display: flex; gap: 6px; align-items: center; font-size: 13px; color: var(--soluk); margin: 6px 0 4px; }
.sh-ara-bas { font: 700 13px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: #8a6a1f; margin: 18px 0 8px; }
.sh-yol { list-style: none; margin: 0; padding: 0 0 0 4px; position: relative; }
.sh-yol::before { content: ""; position: absolute; left: 17px; top: 14px; bottom: 14px; width: 2px; background: linear-gradient(#f6d27a, #e30a17); }
.sh-yol li { position: relative; display: flex; gap: 12px; align-items: flex-start; padding: 6px 6px 8px 0; cursor: pointer; border-radius: 4px; }
.sh-yol li:hover, .sh-yol li.simdi { background: #faf4e2; }
.sh-yol-no { flex: none; z-index: 1; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #8fd3d8; color: #101410; font: 700 12px var(--f-arayuz); border: 2px solid #fff; }
.sh-dogum .sh-yol-no { background: #f6d27a; }
.sh-olum .sh-yol-no { background: #e30a17; color: #fff; }
.sh-yol b { font: 600 14px/1.3 var(--f-baslik); }
.sh-yol em { font-style: normal; font-size: 13px; font-weight: 700; color: #8a6a1f; margin-left: 4px; }
.sh-yol small { display: block; font-size: 13px; color: var(--soluk); line-height: 1.45; }
.sh-uyari { font-size: 13px; background: #fff6dd; border-left: 3px solid #b38b2d; padding: 8px 10px; }
.sh-galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.sh-galeri figure { margin: 0; }
.sh-galeri img { width: 100%; height: 130px; object-fit: cover; border-radius: 3px; }
.sh-galeri figcaption { font-size: 12px; color: var(--soluk); line-height: 1.35; margin-top: 3px; }
.sh-harita-kap { position: relative; min-height: 0; overflow: hidden; }
#sh-harita { position: absolute; inset: 0; }
.sh-harita-kap .maplibregl-ctrl-attrib { background: rgba(10, 16, 14, .7); color: #ddd6c0; }
.sh-harita-kap .maplibregl-ctrl-attrib a { color: #f6d27a; }
.sh-lejant { position: absolute; top: 12px; left: 12px; z-index: 3; background: rgba(14, 20, 18, .86); color: #ece6d2; border: 1px solid rgba(246, 210, 122, .25); border-radius: 4px; font-size: 13px; max-width: 280px; backdrop-filter: blur(3px); }
.sh-lejant summary { cursor: pointer; padding: 8px 12px; font-weight: 700; letter-spacing: .04em; }
.sh-lejant ul { list-style: none; margin: 0; padding: 0 12px 6px; display: grid; gap: 5px; }
.sh-lejant li { display: flex; gap: 9px; align-items: center; }
.sh-lejant i { flex: none; width: 11px; height: 11px; border-radius: 50%; background: var(--r); border: 1px solid #0b0f0d; }
.sh-lejant i.cizgi { width: 16px; height: 3px; border-radius: 2px; border: 0; }
.sh-lejant-not { margin: 0; padding: 0 12px 10px; font-size: 12px; color: #b8b19c; }
.sh-altyazi { position: absolute; left: 50%; bottom: 34px; transform: translateX(-50%); z-index: 4; width: min(720px, calc(100% - 40px)); text-align: center; font: 600 clamp(15px, 1.6vw, 20px)/1.5 var(--f-arayuz); color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, .8); background: rgba(10, 14, 12, .62); padding: 10px 18px; border-radius: 6px; border-bottom: 2px solid #f6d27a; }
.sh-popup .maplibregl-popup-content { font: 13px/1.4 var(--f-arayuz); padding: 8px 11px; }
.sh-popup b { display: block; font-size: 14px; }
.sh-popup span, .sh-popup small { display: block; color: #555; }
.sh-duzen textarea#sh-json { font: 13px/1.45 ui-monospace, Consolas, monospace; }
.sh-duzen-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.sh-duzen-ipucu { font-size: 13px; margin: 0; color: var(--soluk); }
@media (max-width: 900px) {
  .sh-sayfa { grid-template-columns: 1fr; height: auto; }
  .sh-harita-kap { order: -1; height: 58vh; }
  .sh-yan { border-right: 0; border-top: 3px solid #b38b2d; }
  .sh-lejant { max-width: 210px; font-size: 12px; }
  .sh-kisi-bas { grid-template-columns: 92px 1fr; }
  .sh-portre img, .sh-portre.bos { width: 92px; height: 116px; }
}
.sh-yol-not { font-size: 13px; color: var(--soluk); margin: 0 0 6px; padding-left: 10px; border-left: 2px solid #e6d7ae; }
/* şahsiyetler: küre ve sinematik anlatım */
#sh-harita { background: radial-gradient(1px 1px at 12% 18%, #fff8 50%, transparent), radial-gradient(1px 1px at 72% 12%, #fff6 50%, transparent), radial-gradient(1.5px 1.5px at 38% 74%, #fff7 50%, transparent), radial-gradient(1px 1px at 86% 62%, #fff5 50%, transparent), radial-gradient(1px 1px at 22% 88%, #fff6 50%, transparent), radial-gradient(1px 1px at 58% 38%, #fff4 50%, transparent), radial-gradient(ellipse at 50% 50%, #0b1726, #03060b 75%); }
.sh-sayfa { transition: grid-template-columns .45s ease; }
body.sh-sinema .sh-sayfa { grid-template-columns: 0 minmax(0, 1fr); }
body.sh-sinema .sh-yan { overflow: hidden; padding: 0; border: 0; }
body.sh-sinema .sh-lejant, body.sh-sinema .sh-harita-kap .maplibregl-ctrl-top-right { display: none; }
.sh-sinema-kapat { position: absolute; top: 14px; right: 14px; z-index: 7; border: 1px solid rgba(246, 210, 122, .5); background: rgba(10, 14, 12, .75); color: #fff; font: 700 13px var(--f-arayuz); padding: 8px 14px; border-radius: 30px; cursor: pointer; }
.sh-sinema-kapat small { opacity: .6; font-weight: 500; margin-left: 4px; }
.sh-giris { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.96); z-index: 6; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; pointer-events: none; opacity: 0; transition: opacity .8s, transform .8s; }
.sh-giris.gir { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.sh-giris img { width: 120px; height: 150px; object-fit: cover; object-position: center 15%; border-radius: 4px; border: 2px solid #f6d27a; box-shadow: 0 10px 40px rgba(0, 0, 0, .6); }
.sh-giris-alan { font: 700 12px var(--f-arayuz); letter-spacing: .24em; text-transform: uppercase; color: #f6d27a; }
.sh-giris b { font: 700 clamp(30px, 4.6vw, 56px)/1.1 var(--f-baslik); color: #fff; text-shadow: 0 4px 24px rgba(0, 0, 0, .8); }
.sh-giris-yasam { font: 600 clamp(15px, 1.6vw, 20px) var(--f-arayuz); color: #e8dfc4; letter-spacing: .12em; border-top: 2px solid var(--ana); padding-top: 8px; }
.sh-kart { position: absolute; left: 22px; top: 22px; z-index: 6; width: min(380px, calc(100% - 44px)); display: flex; flex-direction: column; gap: 4px; padding: 16px 18px 16px 20px; background: rgba(10, 14, 12, .82); border-left: 4px solid #8fd3d8; border-radius: 4px; color: #fff; box-shadow: 0 10px 34px rgba(0, 0, 0, .5); backdrop-filter: blur(4px); opacity: 0; transform: translateX(-24px); transition: opacity .5s, transform .5s; pointer-events: none; }
.sh-kart.gir { opacity: 1; transform: none; }
.sh-kart-dogum { border-left-color: #f6d27a; } .sh-kart-olum { border-left-color: #e30a17; } .sh-kart-miras { border-left-color: #f6d27a; width: min(560px, calc(100% - 44px)); }
.sh-kart-etiket { font: 700 12px var(--f-arayuz); letter-spacing: .2em; text-transform: uppercase; color: #a9c9c7; }
.sh-kart-yil { font: 800 clamp(26px, 3vw, 38px)/1.05 var(--f-baslik); color: #f6d27a; }
.sh-kart-yer { font: 700 18px/1.25 var(--f-baslik); }
.sh-kart-olay { font: 14px/1.5 var(--f-arayuz); color: #e6e2d6; }
body.sh-sinema .sh-altyazi { bottom: 28px; }
@media (max-width: 900px) { body.sh-sinema .sh-sayfa { grid-template-columns: 1fr; } body.sh-sinema .sh-yan { display: none; } body.sh-sinema .sh-harita-kap { height: calc(100vh - var(--guz-ust, 118px)); } .sh-kart { left: 10px; top: 10px; padding: 10px 12px; } .sh-kart-yer { font-size: 16.5px; } }
/* şahsiyetler: tarih anlatımı göstergeleri (yıl sayacı, yaş, manşet, günlük, müze kartı, ilerleme) */
.sh-hud-yil { position: absolute; left: 18px; top: 16px; z-index: 6; background: rgba(8, 10, 14, .78); border: 1px solid rgba(246, 210, 122, .35); border-radius: 6px; padding: 8px 16px 9px; color: #fff; min-width: 120px; box-shadow: 0 8px 24px rgba(0, 0, 0, .45); opacity: 0; transition: opacity .6s; }
.sh-hud-yil.gir, .sh-hud-yas.gir, .sh-gunluk.gir { opacity: 1; }
.sh-hud-yil b { display: block; font: 800 clamp(30px, 3.6vw, 46px)/1 ui-monospace, Consolas, "Courier New", monospace; color: #f6d27a; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.sh-hud-yil small { display: block; max-width: 260px; margin-top: 4px; font: 600 12px/1.3 var(--f-arayuz); color: #d6dbd2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sh-hud-yas { position: absolute; right: 18px; top: 62px; z-index: 6; background: rgba(8, 10, 14, .78); border: 1px solid rgba(143, 211, 216, .35); border-radius: 6px; padding: 6px 14px 8px; text-align: right; opacity: 0; transition: opacity .6s; }
.sh-hud-yas small { display: block; font: 700 12px var(--f-arayuz); letter-spacing: .14em; text-transform: uppercase; color: #8fd3d8; }
.sh-hud-yas b { font: 800 28px/1.05 ui-monospace, Consolas, monospace; color: #fff; }
.sh-manset { position: absolute; left: 50%; top: 30%; transform: translate(-50%, 8px); z-index: 6; max-width: min(80%, 760px); text-align: center; font: 700 clamp(20px, 2.5vw, 32px)/1.25 var(--f-baslik); color: #fff3c4; text-shadow: 0 2px 4px #000, 0 0 22px rgba(0, 0, 0, .9); pointer-events: none; opacity: 0; transition: opacity .5s, transform .5s; }
.sh-manset.gir { opacity: 1; transform: translate(-50%, 0); }
.sh-gunluk { position: absolute; left: 18px; bottom: 48px; z-index: 6; width: min(560px, calc(100% - 36px)); display: grid; gap: 4px; pointer-events: none; opacity: 0; transition: opacity .6s; }
.sh-gunluk p { margin: 0; padding: 5px 10px; background: rgba(8, 10, 14, .7); border-radius: 4px; font: 600 14px/1.45 var(--f-arayuz); color: #fff; animation: shSatir .5s ease; }
.sh-gunluk p span { color: #f6d27a; font-family: ui-monospace, Consolas, monospace; }
.sh-gunluk p.eski { opacity: .5; font-size: 13px; }
@keyframes shSatir { from { opacity: 0; transform: translateY(8px); } }
.sh-muze { position: absolute; right: 18px; top: 140px; z-index: 6; width: 210px; background: #ece8dc; color: #222; padding: 8px 8px 10px; border: 3px solid #fff; box-shadow: 0 10px 28px rgba(0, 0, 0, .55); display: grid; gap: 5px; opacity: 0; transform: translateX(20px); transition: opacity .5s, transform .5s; }
.sh-muze.gir { opacity: 1; transform: none; }
.sh-muze img { width: 100%; height: 150px; object-fit: cover; }
.sh-muze b { font: 700 13px/1.3 var(--f-baslik); } .sh-muze small { font-size: 12px; color: #555; }
.sh-miras { position: absolute; left: 50%; bottom: 40px; transform: translate(-50%, 12px); z-index: 6; width: min(640px, calc(100% - 36px)); background: rgba(8, 10, 14, .85); border-top: 3px solid #f6d27a; border-radius: 4px; padding: 14px 20px; color: #fff; opacity: 0; transition: opacity .6s, transform .6s; }
.sh-miras.gir { opacity: 1; transform: translate(-50%, 0); }
.sh-miras span { font: 700 12px var(--f-arayuz); letter-spacing: .22em; text-transform: uppercase; color: #f6d27a; }
.sh-miras p { margin: 6px 0 0; font: 16.5px/1.55 var(--f-arayuz); }
.sh-ilerleme { position: absolute; left: 18px; right: 18px; bottom: 14px; z-index: 6; display: grid; gap: 5px; font: 600 12px var(--f-arayuz); color: #c9cfc6; pointer-events: none; }
.sh-ilerleme i { display: block; height: 3px; background: rgba(255, 255, 255, .18); border-radius: 2px; position: relative; overflow: hidden; }
.sh-ilerleme i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p); background: var(--ana); transition: width 1s ease; }
body.sh-sinema .sh-harita-kap .maplibregl-ctrl-bottom-right { opacity: .4; }
body.sh-sinema #yonetim { display: none; }
@media (max-width: 900px) { .sh-muze { width: 140px; top: 120px; } .sh-muze img { height: 90px; } .sh-gunluk p { font-size: 13px; } .sh-hud-yas { top: 56px; } }
.sh-sinema-dugmeler { position: absolute; top: 14px; right: 14px; z-index: 7; display: flex; gap: 8px; }
.sh-sinema-dugmeler button { border: 1px solid rgba(246, 210, 122, .5); background: rgba(10, 14, 12, .75); color: #fff; font: 700 13px var(--f-arayuz); padding: 8px 14px; border-radius: 30px; cursor: pointer; }
.sh-sinema-dugmeler button:hover { background: var(--ana); }
.sh-sinema-dugmeler small { opacity: .6; font-weight: 500; margin-left: 4px; }
.sh-secenek { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.sh-metne { font-size: 14px; font-weight: 700; color: #8a6a1f; text-decoration: none; }
.sh-metne:hover { text-decoration: underline; }
.sh-yol-anlatim { display: block; margin-top: 4px; font-size: 14px; line-height: 1.55; color: var(--murekkep); }
body.sh-sinema .sh-hud-yas { top: 62px; }
body.sh-sinema .sh-gunluk { bottom: 120px; } body.sh-sinema .sh-altyazi { bottom: 36px; width: min(860px, calc(100% - 40px)); font-size: clamp(15px, 1.5vw, 19px); }
.sh-hud[hidden], .sh-sinema-dugmeler[hidden], .sh-altyazi[hidden] { display: none !important; }

/* ================= Kurumsal katman (Ekim 2026) =================
   Kâğıt zemin, koyu mürekkep, tek vurgu rengi (bordo). Büyük harf ve harf aralığıyla yazılmış
   etiketler, gölgeler, parlak renkler ve ikon kutuları kaldırıldı; başlıklar serif, gövde serif,
   arayüz öğeleri sans. Önceki katmanların üzerine yazar. */
:root {
  --murekkep: #1d1b18; --metin: #34312c; --soluk: #6d675e; --cizgi: #dcd6cb; --cizgi-koyu: #bfb7aa;
  --zemin: #f7f5f0; --zemin-2: #efebe3; --zemin-3: #e4ded2; --kart: #fffefb;
  --koyu-zemin: #221f1b; --golge: none; --yaricap: 0;
}
body { background: var(--zemin); font-size: 16.5px; }
::selection { background: #e9d9c6; }

/* üst bölüm: açık zemin, ince çizgiler */
body .ust { background: var(--kart); border-top: 4px solid var(--ana); box-shadow: none; border-bottom: 1px solid var(--cizgi-koyu); }
body .ust-ana { background: var(--kart); }
body .ust-ana > .kap { height: 88px; gap: 20px; }
body .ust .logo .amblem { width: 46px; height: 46px; filter: none; }
body .ust .logo-yazi { border-left: 1px solid var(--cizgi-koyu); padding-left: 14px; }
body .ust .logo-yazi b { color: var(--murekkep); font: 600 28px/1.1 var(--f-baslik); }
body .ust .logo-yazi small { color: var(--soluk); font: italic 400 14px/1.2 var(--f-metin); letter-spacing: 0; text-transform: none; margin-bottom: 3px; }
body .kapali-rozet { margin-left: auto; background: none; color: var(--soluk); font: 400 13px var(--f-arayuz); letter-spacing: 0; text-transform: none; padding: 0; border: 0; }
body .ara-ac { border-color: var(--cizgi-koyu); background: var(--kart); color: var(--murekkep); border-radius: 0; }
body .ara-ac:hover, body .ara-ac[aria-expanded="true"] { background: var(--murekkep); border-color: var(--murekkep); color: #fff; }
body .ust-menu { background: var(--kart); border-top: 1px solid var(--cizgi); }
body .ust-menu > .kap { height: 48px; }
body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { color: var(--murekkep); font: 500 14px var(--f-arayuz); letter-spacing: 0; text-transform: none; padding: 0 16px; }
body .ust-menu .ana-menu > a:first-child { padding-left: 0; }
body .ust-menu .ana-menu > a.aktif, body .ust-menu .menu-grup.aktif > button { background: none; color: var(--ana); }
body .ust-menu .ana-menu > a:hover, body .ust-menu .menu-grup > button:hover { color: var(--ana); }
body .ust-menu .ana-menu > a::after, body .ust-menu .menu-grup > button::after { height: 2px; background: var(--ana); }
body .alt-menu { border: 1px solid var(--cizgi-koyu); border-top: 2px solid var(--ana); box-shadow: 0 6px 16px rgba(30, 25, 20, .08); }
body .ust-menu .alt-menu a:hover, body .ust-menu .alt-menu a.aktif { background: var(--zemin-2); color: var(--ana); border-left-color: var(--ana); }
@media (max-width: 900px) {
  body .ust-menu .ana-menu { background: var(--kart); }
  body .ust-ana > .kap { height: 72px; }
  body .ust .logo-yazi small { display: none; }
  body .kapali-rozet { display: none; }
}

/* düğmeler: köşesiz, sade */
body .dugme { border-radius: 0; font-weight: 500; }
body .dugme.ana { background: var(--ana); border-color: var(--ana); }

/* sayfa başlık bandı */
body .sayfa-bant { background: var(--zemin); border-bottom: 1px solid var(--cizgi-koyu); padding: 44px 0 34px; }
body .sayfa-bant h1 { font-weight: 600; letter-spacing: -.005em; }
body .sayfa-bant h1::after { display: none; }
body .kirinti { font-size: 14px; color: var(--soluk); }
body .bant-ozet { color: var(--metin); font-size: 18px; }

/* ana sayfa giriş bölümü: solda yazı, sağda çerçeveli harita */
body .harita-bant { height: auto; background: var(--kart); border-bottom: 1px solid var(--cizgi-koyu); overflow: visible; }
body .hb-izgara { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; align-items: center; padding-top: 56px; padding-bottom: 56px; }
body .hb-ic { padding: 0; max-width: none; margin: 0; color: var(--metin); }
body .hb-ust { color: var(--soluk); font: italic 400 16.5px var(--f-metin); letter-spacing: 0; text-transform: none; margin-bottom: 10px; }
body .hb-ic h1 { color: var(--murekkep); font: 600 clamp(36px, 4.4vw, 52px)/1.08 var(--f-baslik); letter-spacing: -.01em; }
body .hb-ic h1::after { display: none; }
body .hb-ic p { color: var(--metin); font: 18px/1.65 var(--f-metin); max-width: 560px; margin-top: 20px; }
body .hb-ara { display: block; background: none; box-shadow: none; border-radius: 0; margin-top: 28px; max-width: 520px; overflow: visible; }
body .hb-ara label { display: block; font: 500 14px var(--f-arayuz); color: var(--soluk); margin-bottom: 6px; }
body .hb-ara > div { display: flex; border: 1px solid var(--cizgi-koyu); background: #fff; }
body .hb-ara input { flex: 1; border: 0; padding: 12px 14px; font: 16.5px var(--f-arayuz); color: var(--murekkep); background: transparent; outline: none; }
body .hb-ara button { width: auto; padding: 0 22px; border: 0; border-left: 1px solid var(--cizgi-koyu); background: var(--zemin-2); color: var(--murekkep); font: 500 14px var(--f-arayuz); cursor: pointer; }
body .hb-ara button:hover { background: var(--murekkep); color: #fff; }
body .hb-baglantilar { display: flex; gap: 24px; margin: 22px 0 0; font: 500 16.5px var(--f-arayuz); }
body .hb-baglantilar a { color: var(--ana); border-bottom: 1px solid currentColor; text-decoration: none; padding-bottom: 1px; }
body .hb-baglantilar a::after { content: " →"; }
body .hb-sekil { margin: 0; }
body .hb-harita { position: relative; inset: auto; height: 380px; opacity: 1; border: 1px solid var(--cizgi-koyu); background: #f2eee6; }
body .hb-sekil figcaption { font: italic 14px/1.5 var(--f-metin); color: var(--soluk); margin-top: 8px; }
@media (max-width: 900px) {
  body .hb-izgara { grid-template-columns: 1fr; gap: 28px; padding-top: 36px; padding-bottom: 36px; }
  body .hb-harita { height: 260px; }
}

/* bölüm başlıkları */
body .blok-baslik { font: 600 28px/1.25 var(--f-baslik); border-bottom: 1px solid var(--murekkep); padding-bottom: 10px; margin-top: 36px; }
body .blok-baslik::after { display: none; }
.anasayfa .bloklar > .blok { margin-top: 18px; }

/* bölümler dizini (resimsiz bağlantı kartları) */
body .blok-kartlar { grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 0 40px; }
body .blok-kartlar .kart { border: 0; border-bottom: 1px solid var(--cizgi); background: none; transition: none; }
body .blok-kartlar .kart:hover { box-shadow: none; transform: none; }
body .blok-kartlar .kart > div { border-top: 0; padding: 16px 0 16px; }
body .blok-kartlar h3 { font: 600 18px/1.3 var(--f-baslik); margin-bottom: 4px; color: var(--murekkep); }
body .blok-kartlar .kart:hover h3 { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
body .blok-kartlar p { font: 16.5px/1.55 var(--f-metin); color: var(--metin); margin: 0; }
body .blok-kartlar .kart-ok { display: none; }

/* dönem dizini */
body .blok-donemler.dizin { display: block; columns: 2; column-gap: 48px; list-style: none; margin: 0; padding: 0; }
.blok-donemler.dizin li { break-inside: avoid; border-bottom: 1px solid var(--cizgi); }
.blok-donemler.dizin a { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: baseline; padding: 10px 0; color: var(--murekkep); text-decoration: none; }
.blok-donemler.dizin a:hover .dz-ad { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
.dz-ad { font: 16.5px/1.35 var(--f-metin); }
.dz-yil { font: 14px var(--f-arayuz); color: var(--soluk); font-variant-numeric: tabular-nums; }
.dz-say { font: 14px var(--f-arayuz); color: var(--soluk); min-width: 72px; text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { body .blok-donemler.dizin { columns: 1; } }

/* olay ve okuma kartları */
body .olay-karti, body .okuma-karti { border: 1px solid var(--cizgi); border-radius: 0; background: var(--kart); }
body .olay-karti::before { display: none; }
body .okuma-karti { border-top: 1px solid var(--cizgi); }
body .ok-donem, body .okuma-karti .ok-donem { font: italic 400 14px var(--f-metin); letter-spacing: 0; text-transform: none; color: var(--soluk); }
body .olay-karti h3, body .okuma-karti h3 { font-size: 21px; }

/* üç sütun */
body .sutun-baslik { font: 600 18px/1.3 var(--f-baslik); text-transform: none; letter-spacing: 0; border-bottom: 1px solid var(--murekkep); }
body .sutun-baslik::after { display: none; }
body .ss-renk { display: none; }
body .sutun-satir b { font: 600 16.5px/1.35 var(--f-metin); }
body .sutun-tumu { font-weight: 500; }
body .tarih-kutu { border-radius: 0; }

/* atlas rakamları: düz cümle */
body p.blok-istatistik { display: block; font: italic 16.5px/1.6 var(--f-metin); color: var(--soluk); border-top: 1px solid var(--cizgi); padding: 14px 0 0; margin: 30px 0 0; background: none; }

/* anma şeridi */
body .anma-serit { border-radius: 0; border-left: 0; border-top: 1px solid var(--murekkep); background: none; padding: 16px 0; }
body .anma-serit h3 { text-transform: none; letter-spacing: 0; color: var(--murekkep); font: 600 18px var(--f-baslik); }

/* alt bilgi: koyu kahve-siyah, sade */
body .alt { background: var(--koyu-zemin); border-top: 0; color: #c9c2b6; }
body .alt .logo .amblem { width: 40px; height: 40px; }
body .alt .logo-yazi { border-left-color: #4a443c; }
body .alt .logo-yazi small { color: #a59d90; font: italic 14px var(--f-metin); letter-spacing: 0; text-transform: none; }
body .alt h4 { color: #fff; font: 600 16.5px var(--f-baslik); letter-spacing: 0; text-transform: none; border-bottom: 0; padding-bottom: 0; }
body .alt-izgara > div > a { color: #ddd6ca; }
body .alt-serit { border-top-color: #3a352f; color: #9a9286; }
body .alt-slogan { font-style: italic; }

/* diğer sayfalardaki büyük harfli küçük etiketler */
body .donem-say, body .detay-donem, body .okp-donem, body .dk-tur { letter-spacing: 0; text-transform: none; }

:root { --ana: #7d1d1d; --ana-koyu: #5e1414; --ana-acik: #f3e6e3; --ikinci: #2e5361; --ikinci-koyu: #22404b; --ikinci-acik: #e3eaec; }

/* Mavi Vatan ve Şahsiyetler: açık lejant, düz numaralar */
body .mv-no { background: none; color: var(--ana); border-radius: 0; width: auto; min-width: 22px; height: auto; font: 600 18px/1.3 var(--f-baslik); place-items: start; }
body .mv-baslik h1, body .sh-baslik h1 { font-size: 28px; margin-top: 0; }
body .sh-harf { border-radius: 0; background: var(--zemin-2); color: var(--murekkep); border: 1px solid var(--cizgi-koyu); font: 600 16.5px var(--f-baslik); }
body .sh-liste img { border-radius: 0; border-width: 1px; }
body .sh-alanlar button { border-radius: 0; font-weight: 500; }
body .sh-alanlar button.secik { color: #fff; }
body .sh-filtre input, body .sh-filtre select { border-radius: 0; }
body .sh-liste a:hover { background: var(--zemin-2); }
body .sh-grup-bas { text-transform: none; letter-spacing: 0; font: 600 16.5px/1.3 var(--f-baslik); color: var(--murekkep); border-bottom: 1px solid var(--murekkep); }
body .sh-grup-bas span, body .sh-grup-bas small { font: 400 13px var(--f-arayuz); color: var(--soluk); letter-spacing: 0; }

/* olay sayfası: künye satırı ve yan kutu başlıkları normal yazı */
body .olay-etiket, body .olay-etiket span, body .donem-cip { text-transform: none; letter-spacing: 0; font: italic 400 14px var(--f-metin); color: var(--soluk); background: none; border: 0; padding: 0; }
body .yan-kutu h3, body .dipnotlar h3 { text-transform: none; letter-spacing: 0; font: 600 16.5px var(--f-baslik); color: var(--murekkep); }
body .yan-kutu { border-radius: 0; box-shadow: none; }
/* alt bilgi logosu yan yana */
body .alt .logo { flex-direction: row; align-items: center; }
body .alt-slogan { color: #e9e2d6 !important; font: italic 400 16.5px var(--f-metin) !important; }
/* tüm sitede kalan büyük harfli küçük etiketler */
body [class*="etiket"], body .lejant b, body .zs-ust b, body .secim-grup, body .panel-grup h3, body .anma-serit h3 { text-transform: none; letter-spacing: 0; }

/* (Atlas açık teması kullanıcı isteğiyle kaldırıldı; koyu atlas teması geçerli) */
@media (max-width: 900px) {
  body .ust-menu > .kap { height: auto; }
  body .ust-ana > .kap { gap: 10px; padding-left: 16px; padding-right: 12px; }
  body .ust .logo { min-width: 0; gap: 10px; }
  body .ust .logo .amblem { width: 36px; height: 36px; }
  body .ust .logo-yazi { padding-left: 10px; min-width: 0; }
  body .ust .logo-yazi b { font-size: 18px; white-space: nowrap; }
  body .ara-ac { margin-left: auto; width: 36px; height: 36px; }
  body .menu-ac { display: block; flex: none; }
  body .hb-ic p { font-size: 16.5px; }
}
@media (max-width: 900px) {
  body .menu-ac span { background: var(--murekkep); }
  body .ust-menu .ana-menu { flex-direction: column; padding: 8px 16px 16px; border-bottom: 1px solid var(--cizgi-koyu); }
  body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { padding: 11px 0 !important; height: auto; width: 100%; justify-content: space-between; border-bottom: 1px solid var(--cizgi); font-size: 16.5px; }
  body .ust-menu .ana-menu > a::after, body .ust-menu .menu-grup > button::after { display: none; }
  body .ust-menu .alt-menu { position: static; display: block; border: 0; box-shadow: none; padding: 0 0 6px 14px; background: none; min-width: 0; }
  body .ust-menu .alt-menu a { color: var(--metin) !important; padding: 8px 0; border-left: 0; font-size: 14px; }
  body .menu-grup .ok { display: none; }
}

/* ================= Haritalı giriş bandı ve koyu üst bölüm (30 Ekim 2026, ikinci düzeltme) =================
   Kullanıcı isteği: site fazla beyazdı; ana sayfanın üstündeki arka plan haritası geri geldi. */
:root { --zemin: #ece6db; --zemin-2: #e3dccf; --zemin-3: #d8cfbf; --kart: #f6f2ea; --cizgi: #d3cbbc; --cizgi-koyu: #b6ac9b; }
body .harita-bant { position: relative; height: 540px; background: #0e1a1f; border-bottom: 3px solid var(--ana); overflow: hidden; }
body .harita-bant .hb-harita { position: absolute; inset: 0; height: auto; border: 0; background: #0e1a1f; opacity: 0; transition: opacity .9s ease; }
body .harita-bant .hb-harita.hazir { opacity: 1; }
body .hb-perde { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(20, 17, 14, .95) 0%, rgba(20, 17, 14, .88) 36%, rgba(20, 17, 14, .35) 64%, rgba(20, 17, 14, .08) 88%); }
body .hb-izgara { position: relative; z-index: 2; display: block; padding-top: 84px; padding-bottom: 0; }
body .hb-ic { max-width: 600px; color: #fff; }
body .hb-ust { color: #d9c9ad; font: italic 400 16.5px var(--f-metin); margin-bottom: 10px; }
body .hb-ic h1 { color: #fff; }
body .hb-ic p { color: rgba(255, 255, 255, .88); }
body .hb-ara label { color: #cfc6b8; }
body .hb-ara > div { border-color: rgba(255, 255, 255, .5); }
body .hb-baglantilar a { color: #f0dcc0; }
body .hb-not { position: absolute; z-index: 2; right: 18px; bottom: 12px; margin: 0; max-width: 420px; text-align: right; font: italic 13px var(--f-metin); color: rgba(255, 255, 255, .7); }
@media (max-width: 900px) {
  body .harita-bant { height: auto; min-height: 520px; }
  body .hb-izgara { padding-top: 40px; padding-bottom: 70px; }
  body .hb-perde { background: linear-gradient(180deg, rgba(20, 17, 14, .92) 0%, rgba(20, 17, 14, .8) 65%, rgba(20, 17, 14, .55) 100%); }
  body .hb-not { left: 16px; right: 16px; text-align: left; }
}
/* üst bölüm koyu */
body .ust { background: #1f1b17; border-top: 4px solid var(--ana); border-bottom: 1px solid #000; }
body .ust-ana { background: #1f1b17; }
body .ust .logo-yazi { border-left-color: #4a433b; }
body .ust .logo-yazi b { color: #f6f0e6; }
body .ust .logo-yazi small { color: #b9ad9a; }
body .kapali-rozet { color: #a99f90; }
body .ara-ac { background: transparent; border-color: #5a5249; color: #f6f0e6; }
body .ara-ac:hover, body .ara-ac[aria-expanded="true"] { background: var(--ana); border-color: var(--ana); }
body .ust .amblem rect:nth-child(2) { stroke: rgba(255, 255, 255, .7); }
body .ust-menu { background: #2a251f; border-top: 1px solid #3a342c; }
body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { color: #e9e2d6; }
body .ust-menu .ana-menu > a:hover, body .ust-menu .menu-grup > button:hover, body .ust-menu .ana-menu > a.aktif, body .ust-menu .menu-grup.aktif > button { color: #fff; }
body .ust-menu .ana-menu > a::after, body .ust-menu .menu-grup > button::after { background: #c9a46a; }
body .menu-grup .ok { color: #a99f90; }
@media (max-width: 900px) {
  body .menu-ac span { background: #f6f0e6; }
  body .ust-menu .ana-menu { background: #2a251f; border-bottom-color: #000; }
  body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { border-bottom-color: #3a342c; }
  body .ust-menu .alt-menu a { color: #cfc6b8 !important; }
}
/* sayfa bantları kâğıttan bir ton koyu */
body .sayfa-bant { background: var(--zemin-2); }
.anasayfa .bloklar > .blok.b-harita-bant { margin-top: 0; }
.anasayfa { padding-top: 0 !important; }
body .sh-ara-bas, body .sh-yan h2, body .sh-yan h3 { text-transform: none; letter-spacing: 0; font-family: var(--f-baslik); }

/* ================= Üçüncü düzeltme (30 Ekim 2026): daha az beyaz, küçük zaman şeridi =================
   Kullanıcı isteği: aşırı beyaz olmasın; kırmızı vurgu ve kurumsal hava kalsın; atlas ve şahsiyet
   haritaları eski koyu temalarında; atlastaki zaman şeridi küçük. */
:root { --zemin: #e3dbcd; --zemin-2: #d9cfbe; --zemin-3: #cdc1ad; --kart: #efe8dc; --cizgi: #cbbfab; --cizgi-koyu: #ab9e88; }
body .sayfa-bant { background: #2a2420; color: #f3ece0; border-bottom: 3px solid var(--ana); }
body .sayfa-bant h1 { color: #fff; }
body .sayfa-bant .bant-ozet { color: rgba(255, 255, 255, .85); }
body .sayfa-bant .kirinti, body .sayfa-bant .kirinti a { color: #cbbfab; }
body .sayfa-bant .olay-etiket, body .sayfa-bant .olay-etiket span, body .sayfa-bant .donem-cip { color: #e2c9a8; }
body .sayfa-bant .olay-alt, body .sayfa-bant .soluk { color: #cbbfab; }
body .blok-kartlar .kart, body .olay-karti, body .okuma-karti { background: var(--kart); }
body .anasayfa .bloklar { background: var(--zemin); }
/* atlas zaman şeridi: dar, alçak, sol altta */
body .atlas .zaman-serit { left: 16px; right: auto; width: min(560px, calc(100% - 90px)); bottom: 34px; padding: 6px 12px 3px; font-size: 12px; }
body .atlas .zs-ust { margin-bottom: 3px; gap: 8px; }
body .atlas .zs-cubuklar { height: 22px; }
body .atlas .zs-yillar { height: 13px; font-size: 12px; }
body .atlas .zs-oynat { width: 22px; height: 22px; font-size: 12px; box-shadow: none; }
body .atlas .zs-ust em { display: none; }
@media (max-width: 900px) { body .atlas .zaman-serit { left: 10px; right: 10px; width: auto; bottom: 10px; } }
/* Şahsiyetler canlandırma oynatıcısı: üst ortada; önceki, duraklat/devam, sonraki, hız */
.sh-oynatici { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); z-index: 7; display: flex; align-items: center; gap: 6px; padding: 5px 8px; background: rgba(10, 14, 12, .82); border: 1px solid rgba(246, 210, 122, .35); border-radius: 4px; }
.sh-oynatici[hidden] { display: none !important; }
.sh-oynatici button { min-width: 38px; height: 34px; border: 1px solid rgba(255, 255, 255, .25); background: transparent; color: #fff; font: 600 14px var(--f-arayuz); border-radius: 3px; cursor: pointer; }
.sh-oynatici button:hover { background: var(--ana); border-color: var(--ana); }
.sh-oynatici button[data-oy="hiz"] { font-size: 13px; min-width: 46px; }
.sh-oy-durum { color: #f6d27a; font: 600 12px var(--f-arayuz); padding: 0 4px; }
.sh-oy-durum:empty { display: none; }
@media (max-width: 700px) { .sh-oynatici { top: 56px; } }

/* ================= Okur araçları: atıf, sayfa araçları, arama sayfası, içeriğe atla, yazdırma ================= */
.icerige-atla { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--ana); color: #fff; padding: 10px 16px; font: 600 14px var(--f-arayuz); }
.icerige-atla:focus { top: 10px; }
body .bant-araclar { display: flex; flex-wrap: wrap; gap: 18px; margin: 16px 0 0; font: 500 14px var(--f-arayuz); }
body .bant-araclar a { color: #e2c9a8; border-bottom: 1px solid rgba(226, 201, 168, .5); text-decoration: none; }
body .bant-araclar a:hover { color: #fff; border-bottom-color: #fff; }
.atif-kutu .atif-oneri { font: 14px/1.55 var(--f-metin); color: var(--metin); word-break: break-word; margin: 0 0 10px; }
.atif-kutu .ipucu { margin: 10px 0 0; }
.sh-yan .atif-kutu, .mv-yan .atif-kutu { margin: 18px 0; }
.ara-sayfa-form { margin-top: 18px; max-width: 560px; }
.ara-sayfa-form label { display: block; font: 500 13px var(--f-arayuz); color: #cbbfab; margin-bottom: 6px; }
.ara-sayfa-form > div { display: flex; border: 1px solid rgba(255, 255, 255, .4); }
.ara-sayfa-form input { flex: 1; border: 0; padding: 10px 12px; font: 14px var(--f-arayuz); }
.ara-sayfa-form button { border: 0; padding: 0 20px; background: var(--ana); color: #fff; font: 600 14px var(--f-arayuz); cursor: pointer; }
.ara-grup { margin-bottom: 34px; }
.ara-grup .blok-baslik small { font: 400 14px var(--f-arayuz); color: var(--soluk); margin-left: 6px; }
body .bant-ozet a[data-git] { color: #e2c9a8; }
@media print {
  .ust, .alt, .yonetim, .mini-harita, .ziyaret-kutu, .bant-araclar, .atif-kutu button, .icerige-atla, .hb-harita, .sh-harita-kap, .sh-oynatici { display: none !important; }
  body { background: #fff !important; color: #000; font-size: 11pt; }
  body .sayfa-bant { background: #fff !important; color: #000 !important; border-bottom: 1px solid #000; }
  body .sayfa-bant h1, body .sayfa-bant .bant-ozet, body .sayfa-bant .olay-etiket span { color: #000 !important; }
  .olay-duzen { display: block !important; }
  .yan { break-before: page; }
  a { color: #000 !important; text-decoration: none; }
  .makale a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; }
}
body .alt-serit a { color: #cbbfab; border-bottom: 1px solid rgba(203, 191, 171, .4); text-decoration: none; }
body .alt-serit a:hover { color: #fff; }

/* ===== Görsel Anlatılar (harita hikâyeleri) ===== */
.ga-dizin { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 22px; padding-top: 30px; padding-bottom: 50px; }
.ga-kart { display: flex; flex-direction: column; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 4px; overflow: hidden; color: var(--metin); transition: border-color .15s, transform .15s; }
.ga-kart:hover { border-color: var(--ana); transform: translateY(-2px); }
.ga-kart-gorsel { aspect-ratio: 16 / 9; background: #2f332f center / cover no-repeat; filter: saturate(.85); }
.ga-kart-ic { display: grid; gap: 6px; padding: 16px 18px 20px; }
.ga-kart-ic small { font: 600 12px/1 var(--f-arayuz); letter-spacing: .08em; text-transform: uppercase; color: var(--ana); }
.ga-kart-ic b { font: 600 21px/1.25 var(--f-baslik); color: var(--murekkep); }
.ga-kart-ic span { font: 16.5px/1.55 var(--f-metin); color: var(--metin); }
.ga-not, .ga-hazirlik { grid-column: 1 / -1; font-size: 13px; color: var(--soluk); margin: 6px 0 0; }
.ga-kapak { position: relative; color: #fff; background: #1f1b17 var(--kapak) center 40% / cover no-repeat; padding: 150px 0 46px; text-shadow: 0 1px 8px rgba(0,0,0,.55); }
.ga-kapak::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,15,12,.12) 0%, rgba(18,15,12,.45) 45%, rgba(18,15,12,.9) 92%); }
.ga-kapak .kap { position: relative; }
.ga-kapak h1 { color: #fff; font-size: clamp(30px, 4.2vw, 48px); max-width: 900px; }
.ga-alt { font: 18px/1.55 var(--f-metin); max-width: 780px; margin: 12px 0 0; color: #ece4d6; }
.ga-geri { color: #e8d9bf; font-size: 14px; }
.ga-ust { font: 700 12px/1.2 var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: #b8322a; margin: 18px 0 8px; }
.ga-kapak .ga-ust { color: #f0c27a; }
.ga-kapak-kredi { font-size: 12px; color: #bdb3a3; margin: 22px 0 0; }
.ga-govde { display: grid; grid-template-columns: minmax(0, 620px) minmax(0, 1fr); gap: 0; align-items: start; border-top: 1px solid var(--cizgi); }
.ga-metin { padding: 34px 40px 60px max(24px, calc((100vw - 1240px) / 2)); }
.ga-giris { margin-bottom: 26px; }
.ga-icindekiler { border: 1px solid var(--cizgi); background: var(--kart); border-radius: 4px; padding: 14px 18px; margin: 0 0 34px; font-size: 14px; }
.ga-icindekiler ol { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 3px; }
.ga-adim { padding: 26px 0 34px; border-top: 1px solid var(--cizgi); min-height: 62vh; opacity: .5; transition: opacity .35s; }
.ga-adim.etkin { opacity: 1; }
.ga-adim h2 { font-size: 28px; margin: 0 0 16px; }
.ga-yazi { font-size: 18px; max-width: none; }
.ga-gorsel { margin: 0 0 20px; }
.ga-buyut { display: block; width: 100%; padding: 0; border: 0; background: #2f332f; cursor: zoom-in; border-radius: 3px; overflow: hidden; }
.ga-buyut img { display: block; width: 100%; max-height: 420px; object-fit: cover; transition: transform .4s; }
.ga-buyut:hover img { transform: scale(1.02); }
.ga-gorsel figcaption { display: grid; gap: 3px; font: 14px/1.5 var(--f-arayuz); color: var(--metin); padding: 8px 0 0; border-bottom: 1px solid var(--cizgi); padding-bottom: 8px; }
.ga-gorsel figcaption small { color: var(--soluk); font-size: 12px; }
.ga-olaylar { font-size: 14px; margin: 6px 0 0; }
.ga-son { padding-top: 26px; border-top: 2px solid var(--murekkep); max-width: none; }
.ga-harita-kap { position: sticky; top: 0; height: 100vh; border-left: 1px solid var(--cizgi); background: #2f332f; }
#ga-harita { position: absolute; inset: 0; }
.ga-harita-bilgi { position: absolute; left: 14px; bottom: 40px; max-width: 360px; background: rgba(20, 22, 20, .86); color: #efe6d2; font: 14px/1.5 var(--f-arayuz); padding: 9px 12px; border-left: 3px solid #e7b24c; border-radius: 3px; z-index: 2; }
.ga-harita-bilgi[hidden] { display: none; }
.ga-isik { position: fixed; inset: 0; z-index: 1000; background: rgba(10, 10, 9, .92); display: grid; place-items: center; padding: 30px; }
.ga-isik figure { margin: 0; max-width: min(1400px, 96vw); }
.ga-isik img { max-width: 100%; max-height: 82vh; display: block; margin: 0 auto; box-shadow: 0 10px 40px rgba(0,0,0,.6); }
.ga-isik figcaption { color: #eee5d3; font: 14px/1.5 var(--f-arayuz); margin-top: 12px; display: grid; gap: 4px; text-align: center; }
.ga-isik figcaption small { color: #b3a993; font-size: 13px; }
.ga-isik-kapat { position: absolute; top: 16px; right: 20px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #6b6253; background: #1f1b17; color: #fff; font-size: 18px; cursor: pointer; }
@media (max-width: 960px) {
  .ga-govde { grid-template-columns: 1fr; }
  .ga-harita-kap { order: -1; top: 0; height: 42vh; z-index: 5; border-left: 0; border-bottom: 1px solid var(--cizgi); }
  .ga-metin { padding: 22px 18px 50px; }
  .ga-adim { min-height: 0; opacity: 1; }
}
@media print { .ga-harita-kap { display: none; } .ga-govde { display: block; } .ga-adim { opacity: 1; min-height: 0; } }

/* ===== Ortak sesli okuma: dinleme çubuğu, ayar paneli, okunan paragraf ===== */
.dinleme-cubugu { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 900; width: min(760px, calc(100vw - 24px));
  background: #1f1b17; color: #efe6d4; border: 1px solid #4a3f33; border-radius: 6px; box-shadow: 0 10px 34px rgba(0, 0, 0, .45); font: 14px/1.4 var(--f-arayuz); }
.dinleme-cubugu[hidden] { display: none; }
.dc-ic { position: relative; display: flex; align-items: center; gap: 14px; padding: 10px 12px 12px 16px; }
.dc-bilgi { display: grid; gap: 2px; min-width: 0; flex: 1; }
.dc-bilgi b { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dc-bilgi small { color: #b9ab93; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dc-altyazi { font: 14px/1.45 var(--f-metin); color: #d9cdb6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dc-altyazi mark { background: none; color: #f2c879; }
.dc-dugmeler, .dc-ozel { display: flex; align-items: center; gap: 6px; flex: none; }
.dinleme-cubugu button { min-width: 34px; height: 34px; padding: 0 10px; border-radius: 17px; border: 1px solid #5b4d3e; background: #2c2620; color: #fff; cursor: pointer; font: 600 13px var(--f-arayuz); }
.dinleme-cubugu button:hover { background: var(--ana); border-color: var(--ana); }
.dinleme-cubugu .dc-don { background: var(--ana); border-color: var(--ana); }
.dc-sira { font-size: 14px; }
.dc-ilerleme { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255, 255, 255, .08); border-radius: 0 0 6px 6px; overflow: hidden; }
.dc-ilerleme::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p); background: #c9a45c; transition: width .4s; }
body.dinleme-acik .alt { padding-bottom: 96px; }
@media (max-width: 640px) { .dc-ic { flex-wrap: wrap; gap: 8px; } .dc-dugmeler, .dc-ozel { width: 100%; justify-content: center; } }

.ses-ayar { position: fixed; right: max(16px, calc(50vw - 380px)); bottom: 96px; z-index: 950; width: 300px; background: #fbfaf7; color: var(--metin); border: 1px solid var(--cizgi-koyu);
  border-radius: 6px; box-shadow: 0 12px 34px rgba(0, 0, 0, .3); padding: 14px 16px; display: grid; gap: 10px; font: 14px/1.45 var(--f-arayuz); }
.ses-ayar label { display: grid; gap: 4px; font-size: 13px; font-weight: 600; color: var(--soluk); }
.ses-ayar select { font: 14px var(--f-arayuz); padding: 6px 8px; }
.ses-ayar label:has(input[type=range]) { grid-template-columns: 1fr auto; align-items: center; }
.ses-ayar label:has(input[type=range]) input { grid-column: 1 / -1; }
.ses-ayar p { margin: 0; font-size: 13px; color: var(--soluk); }
.ses-ayar div { display: flex; gap: 8px; justify-content: flex-end; }

.makale .okunuyor, .ga-metin .okunuyor { background: linear-gradient(90deg, rgba(201, 164, 92, .18), rgba(201, 164, 92, .05)); box-shadow: -10px 0 0 rgba(201, 164, 92, .18); border-radius: 2px; transition: background .3s; }
.bant-araclar .sesli-dinle::before { content: "▶ "; font-size: .85em; }
.bant-araclar .sesli-dinle.okuyor { color: var(--ana); font-weight: 700; }
.ga-kapak-arac { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 22px 0 0; }
.ga-kapak-arac span { font-size: 13px; color: #d9cdb6; max-width: 520px; }
.ga-kapak-arac .dugme.okuyor { background: #fff; color: var(--ana); }

/* haritalı anlatımlarda sıradaki bölüm / şahsiyet kartı */
.mv-oynatici.mv-sira, .sh-sira { display: flex; align-items: center; gap: 10px; }
.mv-oynatici.mv-sira span { font-size: 14px; color: #e9efea; }
.sh-sira { position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 8; background: rgba(20, 18, 15, .92); color: #efe6d4; border: 1px solid #5b4d3e;
  border-radius: 24px; padding: 8px 10px 8px 18px; font: 14px var(--f-arayuz); box-shadow: 0 8px 26px rgba(0, 0, 0, .45); }
.sh-sira[hidden] { display: none; }
.sh-sira button { border: 1px solid #5b4d3e; background: #2c2620; color: #fff; border-radius: 16px; padding: 6px 12px; cursor: pointer; font: 600 13px var(--f-arayuz); }
.sh-sira button:first-of-type { background: var(--ana); border-color: var(--ana); }
@media print { .dinleme-cubugu, .ses-ayar { display: none !important; } }

/* dar ekranda iki yana yaslı paragraflar kelime arasında büyük boşluk bırakıyor: sola yaslanır */
@media (max-width: 640px) {
  .makale p, .blok-paragraf p, .makale blockquote p, .ga-yazi p { text-align: left; text-indent: 1em; }
}

/* ================= Türk mavisi teması (30 Ekim 2026) =================
   Kullanıcı isteği: ağırlıklı siyah kaldırılsın, Türk mavisi gelsin. İznik çinisinin üçlüsü esas alındı:
   firuze (Türk mavisi), derin firuze ve mercan kırmızısı; zemin sıcak krem. Siyah yerine koyu firuze mürekkep. */
:root {
  --firuze: #12a3a6; --firuze-koyu: #0b7a80; --firuze-derin: #0a5a62; --firuze-acik: #dff1f0; --altin-acik: #f3cf72;
  --ana: #b4232a; --ana-koyu: #8e1b21; --ana-acik: #f8e4e2;
  --ikinci: #0b7a80; --ikinci-koyu: #0a5a62; --ikinci-acik: #dff1f0;
  --murekkep: #16323a; --metin: #2a3d42; --soluk: #5b6e71;
  --zemin: #f2ede3; --zemin-2: #e3efed; --zemin-3: #d0e4e1; --kart: #fbf8f1; --cizgi: #d4d3c8; --cizgi-koyu: #b1b8af;
  --koyu-zemin: #0a5a62;
}
body { background: var(--zemin); }

/* üst bölüm: krem logo şeridi, firuze menü şeridi */
body .ust { background: #fbf8f1; border-top: 4px solid var(--ana); border-bottom: 0; box-shadow: 0 2px 12px rgba(10, 90, 98, .12); }
body .ust-ana { background: #fbf8f1; }
body .ust .logo-yazi { border-left-color: #c4dcd9; }
body .ust .logo-yazi b { color: var(--murekkep); }
body .ust .logo-yazi small { color: var(--firuze-koyu); }
body .kapali-rozet { color: #6a7b7d; }
body .ara-ac { background: transparent; border-color: #9fcfcc; color: var(--firuze-koyu); }
body .ara-ac:hover, body .ara-ac[aria-expanded="true"] { background: var(--firuze-koyu); border-color: var(--firuze-koyu); color: #fff; }
body .ust .amblem rect:nth-child(2) { stroke: rgba(255, 255, 255, .8); }
body .ust-menu { background: linear-gradient(90deg, var(--firuze-derin), var(--firuze-koyu) 45%, var(--firuze)); border-top: 0; }
body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { color: #eefaf9; }
body .ust-menu .ana-menu > a:hover, body .ust-menu .menu-grup > button:hover, body .ust-menu .ana-menu > a.aktif, body .ust-menu .menu-grup.aktif > button { color: #fff; }
body .ust-menu .ana-menu > a::after, body .ust-menu .menu-grup > button::after { background: var(--altin-acik); }
body .menu-grup .ok { color: rgba(255, 255, 255, .75); }
body .ust-ara { background: var(--zemin-2); border-top-color: #c4dcd9; }
@media (max-width: 900px) {
  body .menu-ac span { background: var(--firuze-koyu); }
  body .ust-menu .ana-menu { background: var(--firuze-koyu); border-bottom-color: var(--firuze-derin); }
  body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { border-bottom-color: rgba(255, 255, 255, .16); }
  body .ust-menu .alt-menu a { color: #e3f6f5 !important; }
}

/* sayfa başlık bantları: firuze geçiş ve amblemdeki eğrilerin soluk yankısı (eş yükselti dokusu) */
body .sayfa-bant {
  background: url(doku-iz.svg) right center / cover no-repeat,
              linear-gradient(120deg, var(--firuze-derin) 0%, var(--firuze-koyu) 48%, var(--firuze) 100%);
  color: #f2fbfa; border-bottom: 3px solid var(--ana);
}
body .sayfa-bant h1 { color: #fff; }
body .sayfa-bant .bant-ozet { color: rgba(255, 255, 255, .9); }
body .sayfa-bant .kirinti, body .sayfa-bant .kirinti a { color: #c9efed; }
body .sayfa-bant .olay-etiket, body .sayfa-bant .olay-etiket span, body .sayfa-bant .donem-cip { color: var(--altin-acik); }
body .sayfa-bant .olay-alt, body .sayfa-bant .soluk { color: #c9efed; }
body .sayfa-bant .bant-araclar a { color: #fff; }

/* ana sayfa giriş bandı: açık harita üzerinde firuze perde */
body .harita-bant, body .harita-bant .hb-harita { background: #dfeeed; }
body .hb-perde { background: linear-gradient(90deg, rgba(10, 90, 98, .96) 0%, rgba(11, 122, 128, .9) 36%, rgba(18, 163, 166, .38) 64%, rgba(18, 163, 166, 0) 88%); }
body .hb-ust { color: #bfeeec; }
body .hb-ara label { color: #d6f3f1; }
body .hb-baglantilar a { color: var(--altin-acik); }
body .hb-not { color: rgba(22, 50, 58, .8); }
@media (max-width: 900px) {
  body .hb-perde { background: linear-gradient(180deg, rgba(10, 90, 98, .95) 0%, rgba(11, 122, 128, .86) 65%, rgba(18, 163, 166, .55) 100%); }
  body .hb-not { color: rgba(255, 255, 255, .8); }
}

/* alt bilgi: derin firuze */
body .alt { background: linear-gradient(180deg, var(--firuze-derin), #084a51); color: #d3ebe9; border-top: 4px solid var(--ana); }
body .alt .logo-yazi { border-left-color: rgba(255, 255, 255, .25); }
body .alt .logo-yazi small { color: #a9dcd9; }
body .alt h4 { color: #fff; }
body .alt-izgara > div > a { color: #e3f6f5; }
body .alt-serit { border-top-color: rgba(255, 255, 255, .16); color: #a9cfcc; }
body .alt-slogan { color: #eaf8f7 !important; }
body .yonetim { background: #0a4c53; }

/* atlas: siyah paneller koyu firuzeye */
body .atlas { --ak-zemin: #0d5961; --ak-zemin-2: #11666f; --ak-cizgi: rgba(255, 255, 255, .12); --ak-yazi: #f1faf9; --ak-soluk: #a8d3d1; --ak-altin: var(--altin-acik); background: #dfeeed; }
body .atlas-ray { background: #0a4c53; }
body .atlas .panel-baslik { background: linear-gradient(180deg, #0f6870, var(--ak-zemin)); }
body .atlas .arama input, body .atlas .suzgec-satir select { background: #0a4c53; border-color: #2a8088; }
body .atlas .arama input::placeholder { color: #8fc3c1; }
body .atlas .tur-secim button { border-color: #2a8088; }
body .atlas .detay-sayilar b, body .atlas .okp-sayi b, body .atlas .okp-donem, body .atlas .okp-git, body .harita-baslik small, body .atlas .zs-ust b { color: var(--altin-acik); }
body .atlas .dugme.ana { background: var(--ana); border-color: var(--ana); }
body .atlas .dugme.ikincil { border-color: #2a8088; }
body .goz { border-color: #5aa9ad; }
body .harita-baslik { background: rgba(10, 90, 98, .9); }
body .atlas .zaman-serit { background: rgba(10, 90, 98, .9); }
body .atlas .koord { background: rgba(10, 90, 98, .82); }
body .atlas .maplibregl-ctrl-group { background: rgba(10, 90, 98, .92); }
body .atlas .maplibregl-ctrl-scale, body .atlas .maplibregl-ctrl-attrib { background: rgba(10, 90, 98, .7) !important; }
body .atlas .maplibregl-popup.olay-kart-pop .maplibregl-popup-content { background: #0d5961; }
body .atlas .maplibregl-popup.olay-kart-pop .maplibregl-popup-tip { border-top-color: #0d5961; border-bottom-color: #0d5961; }
body .atlas .maplibregl-popup.ipucu-kutu .maplibregl-popup-content { background: rgba(10, 90, 98, .95); }
body .atlas.acik-zemin { background: #dfeeed; }

/* görsel anlatılar */
body .ga-kapak { background-color: var(--firuze-derin); }
body .ga-kart-gorsel { background-color: #cfe3e1; }
body .ga-buyut { background: #dfeeed; }
body .ga-harita-kap { background: #e3efed; }
body .ga-harita-bilgi { background: rgba(251, 248, 241, .96); color: var(--metin); border-left-color: #d9900f; box-shadow: 0 4px 14px rgba(10, 90, 98, .18); }

/* sesli dinleme çubuğu ve sıradaki kişi kartı */
body .dinleme-cubugu { background: var(--firuze-derin); color: #eefaf9; border-color: var(--firuze); box-shadow: 0 10px 30px rgba(10, 90, 98, .35); }
body .dinleme-cubugu button { background: var(--firuze-koyu); border-color: #2fb5b7; }
body .dinleme-cubugu button:hover, body .dinleme-cubugu .dc-don { background: var(--ana); border-color: var(--ana); }
body .dc-bilgi small { color: #bfe6e4; }
body .dc-altyazi { color: #e3f6f5; }
body .dc-altyazi mark { color: var(--altin-acik); }
body .dc-ilerleme::after { background: var(--altin-acik); }
body .sh-sira { background: rgba(10, 90, 98, .95); border-color: #2fb5b7; }
body .sh-sira button { background: var(--firuze-koyu); border-color: #2fb5b7; }
body .sh-sira button:first-of-type { background: var(--ana); border-color: var(--ana); }
body .sayfa-bant .olay-meta, body .sayfa-bant .olay-meta span { color: #e3f6f5; }
body .yonetim .y-ac { background: var(--firuze-koyu); color: #fff; box-shadow: 0 4px 16px rgba(10, 90, 98, .3); }
body .yonetim .y-ac:hover { background: var(--firuze-derin); }
/* şahsiyetler küresi: uzay siyahı yerine derin firuze gece göğü; boş portre kutusu firuze */
body #sh-harita { background: radial-gradient(1px 1px at 12% 18%, #fff8 50%, transparent), radial-gradient(1px 1px at 72% 12%, #fff6 50%, transparent), radial-gradient(1.5px 1.5px at 38% 74%, #fff7 50%, transparent), radial-gradient(1px 1px at 86% 62%, #fff5 50%, transparent), radial-gradient(1px 1px at 22% 88%, #fff6 50%, transparent), radial-gradient(ellipse at 50% 50%, #0f5a66, #072f38 78%); }
body .sh-portre.bos { background: radial-gradient(circle at 50% 35%, #12a3a6, #0a5a62); }
@media (max-width: 900px) {
  body .ust-menu .alt-menu a.aktif, body .ust-menu .alt-menu a:hover { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }
}

/* Mavi Vatan ülke profili (sol panel): krem kart üzerinde firuze vurgular */
.mv-ulke-bas { display: flex; gap: 14px; align-items: center; margin: 12px 0 14px; padding-bottom: 14px; border-bottom: 2px solid var(--firuze, #12a3a6); }
.mv-ulke-bas img, .mv-ulke-bas svg { width: 64px; height: 43px; object-fit: cover; flex: none; box-shadow: 0 1px 4px rgba(10, 90, 98, .25); border: 1px solid var(--cizgi); }
.mv-ulke-bas h1 { margin: 0; font-size: 28px; line-height: 1.15; }
.mv-ulke-bas p { margin: 3px 0 0; color: var(--soluk); font: italic 14px var(--f-metin); }
.mv-ulke-kunye { display: grid; gap: 6px; margin: 0 0 14px; font-size: 14px; }
.mv-ulke-kunye div { display: grid; grid-template-columns: 92px 1fr; gap: 8px; }
.mv-ulke-kunye dt { color: var(--soluk); font-weight: 600; }
.mv-ulke-kunye dd { margin: 0; }
.mv-ulke-lider h2, .mv-ulke-harita h2, .mv-ulke-konu h2 { font: 600 13px var(--f-arayuz); letter-spacing: .06em; text-transform: uppercase; color: var(--firuze-koyu, #0b7a80); margin: 18px 0 8px; }
.mv-ulke-lider > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mv-ulke-lider article { background: var(--zemin-2); border-left: 3px solid var(--firuze, #12a3a6); padding: 8px 10px; display: grid; gap: 2px; }
.mv-ulke-lider small { color: var(--soluk); font-size: 12px; font-weight: 600; }
.mv-ulke-lider b { font: 600 16.5px/1.25 var(--f-baslik); color: var(--murekkep); }
.mv-ulke-lider span { font-size: 12px; color: var(--soluk); }
.mv-ulke-not { font-size: 13px; color: var(--soluk); margin: 8px 0 0; }
.mv-ulke-rakam { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 16px 0; }
.mv-ulke-rakam div { border: 1px solid var(--cizgi); background: #fff; padding: 9px 10px; display: grid; gap: 2px; }
.mv-ulke-rakam b { font: 600 18px var(--f-baslik); color: var(--firuze-derin, #0a5a62); }
.mv-ulke-rakam span { font-size: 12px; color: var(--soluk); line-height: 1.3; }
.mv-ulke-tr { background: var(--ana-acik); border-left: 3px solid var(--ana); padding: 9px 12px; font-size: 14px; margin: 0 0 6px; }
.mv-ulke-tr b { color: var(--ana-koyu); margin-right: 4px; }
.mv-ulke-harita ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; font-size: 13px; }
.mv-ulke-harita li { display: flex; gap: 8px; align-items: center; }
.mv-ulke-harita li i { flex: none; width: 18px; height: 10px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }
.mv-ulke-harita li em { color: var(--soluk); }
.mv-ulke-harita p { font-size: 12px; color: var(--soluk); margin: 6px 0 0; }
.mv-ulke-konu { display: grid; gap: 4px; margin-top: 10px; }
.mv-ulke-konu a { font-weight: 600; font-size: 14px; }
.mv-ulke-ipucu .maplibregl-popup-content { padding: 7px 10px; }
.mv-ulke-ipucu b { display: block; font-size: 14px; }
.mv-ulke-ipucu small { color: var(--soluk); font-size: 12px; }
@media (max-width: 640px) { .mv-ulke-lider > div { grid-template-columns: 1fr; } }
/* yeni amblem: eski bordo kare için yazılmış kenar çizgisi kuralları uygulanmaz */
body .tha-amblem rect { stroke: none !important; }
body .logo .tha-amblem { filter: drop-shadow(0 1px 2px rgba(10, 90, 98, .25)); }
/* alt bilgi sosyal medya simgeleri */
.alt-sosyal { display: flex; gap: 10px; margin-top: 14px; }
.alt-sosyal a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); color: #eafaf9; }
.alt-sosyal a:hover { background: var(--firuze); border-color: var(--firuze); text-decoration: none; }

/* ================= Sahne dersleri (1 Kasım 2026) =================
   Şahsiyetler: hayat çizgisi cetveli, yolculuk künyesi; Mavi Vatan: kart künyesi, rakam vurgusu;
   iki oynatıcıda okunacak kısım soluk altyazı. Siyaha yakın zeminler derin firuzeye çevrildi. */
.okunacak { opacity: .5; }
.sh-altyazi, .mv-altyazi { background: rgba(6, 58, 64, .8); text-shadow: 0 1px 3px rgba(2, 30, 34, .85); }
.sh-hud-yil, .sh-hud-yas { background: rgba(6, 58, 64, .84); box-shadow: 0 8px 24px rgba(3, 40, 45, .45); }
.sh-gunluk p { background: rgba(6, 58, 64, .76); }
.sh-manset { text-shadow: 0 2px 4px rgba(3, 40, 45, .95), 0 0 22px rgba(3, 40, 45, .9); }
.sh-altyazi, body.sh-sinema .sh-altyazi { bottom: 84px; }
.sh-gunluk, body.sh-sinema .sh-gunluk { bottom: 190px; }

.sh-ilerleme { left: 22px; right: 22px; bottom: 24px; gap: 4px; }
.sh-cetvel-yazi { font: 600 12px var(--f-arayuz); color: #cfe9e8; letter-spacing: .05em; text-shadow: 0 1px 3px rgba(3, 40, 45, .95); }
.sh-cetvel-yazi b { color: #f6d27a; font: 700 13px ui-monospace, Consolas, monospace; }
.sh-cetvel { position: relative; height: 3px; margin: 4px 0 16px; background: rgba(207, 233, 232, .28); border-radius: 2px; }
.sh-cetvel::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p, 0%); background: linear-gradient(90deg, #0b7a80, #3fe0e8); border-radius: 2px; transition: width .35s linear; }
.sh-cetvel b { position: absolute; top: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 50%; background: #0a5a62; border: 1.5px solid #8fd3d8; transition: transform .3s, background .3s; }
.sh-cetvel b.gecti { background: #3fe0e8; border-color: #3fe0e8; }
.sh-cetvel b.simdi { background: #f6d27a; border-color: #fff; transform: scale(1.6); }
.sh-cetvel b.sh-olum { border-radius: 1px; transform: rotate(45deg); }
.sh-cetvel b.sh-olum.simdi { transform: rotate(45deg) scale(1.6); }
.sh-ilerleme .sh-cetvel i { position: absolute; top: 50%; left: var(--p, 0%); width: 2px; height: 14px; margin: -7px 0 0 -1px; background: #f6d27a; box-shadow: 0 0 8px rgba(246, 210, 122, .9); border-radius: 1px; transition: left .35s linear; }
.sh-ilerleme .sh-cetvel i::after { display: none; }
.sh-cetvel em { position: absolute; top: 9px; font: 600 12px ui-monospace, Consolas, monospace; font-style: normal; color: #a9d6d6; text-shadow: 0 1px 3px rgba(3, 40, 45, .95); }
.sh-cetvel em.bas { left: 0; } .sh-cetvel em.son { right: 0; }

.sh-yolculuk { position: absolute; left: 18px; top: 112px; z-index: 6; display: grid; gap: 2px; padding: 7px 14px 8px; background: rgba(6, 58, 64, .84); border: 1px solid rgba(63, 224, 232, .35); border-left: 3px solid #3fe0e8; border-radius: 6px; opacity: 0; transform: translateX(-8px); transition: opacity .45s, transform .45s; pointer-events: none; }
.sh-yolculuk.gir { opacity: 1; transform: none; }
.sh-yolculuk span { font: 700 12px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: #cfe9e8; }
.sh-yolculuk span i { font-style: normal; color: #3fe0e8; margin: 0 4px; }
.sh-yolculuk b { font: 800 21px/1.1 ui-monospace, Consolas, monospace; color: #f6d27a; font-variant-numeric: tabular-nums; }
body.sh-sinema .sh-yolculuk { top: 112px; }
@media (max-width: 900px) { .sh-yolculuk { top: 96px; padding: 5px 10px; } .sh-yolculuk b { font-size: 16.5px; } .sh-cetvel-yazi { font-size: 12px; } }

.mv-altyazi em { font-style: normal; color: #8ff0f2; }
.mv-kart-ust { font: 700 12px var(--f-arayuz); letter-spacing: .24em; text-transform: uppercase; color: #8ff0f2; text-shadow: 0 1px 4px rgba(3, 40, 45, .9); text-align: center; padding: 0 20px; }
.mv-kart-yil { font-variant-numeric: tabular-nums; }

/* ================= İşaret künyeleri ve parıltı (1 Kasım 2026) =================
   Tıklanan ya da varılan yer parlar; yere kırık bir kılavuz çizgisiyle bağlı künye açılır. İşaret ucu firuze
   baklavadır. Her atlasın künyesi kendi dilindedir: Atlas'ta derin firuze kart, Mavi Vatan'da gece denizi camı,
   Şahsiyetler'de alan rengiyle şeritli müze etiketi. */
.parilti { --r: #12a3a6; position: relative; width: 0; height: 0; pointer-events: none; }
.parilti.altin { --r: #f6d27a; } .parilti.firuze { --r: #3fe0e8; }
.parilti i { position: absolute; left: -14px; top: -14px; width: 28px; height: 28px; border: 2px solid var(--r); border-radius: 50%; opacity: 0; animation: parHalka 1.5s cubic-bezier(.2, .7, .3, 1) forwards; }
.parilti i + i { animation-delay: .32s; border-width: 1.4px; }
.parilti b { position: absolute; left: -22px; top: -22px; width: 44px; height: 44px; border-radius: 50%; background: radial-gradient(circle, #fff 0, var(--r) 30%, transparent 70%); opacity: 0; animation: parIsik 1.3s ease-out forwards; }
@keyframes parHalka { 0% { transform: scale(.3); opacity: 1; } 100% { transform: scale(3.4); opacity: 0; } }
@keyframes parIsik { 0% { transform: scale(.4); opacity: .95; } 35% { transform: scale(1); opacity: .8; } 100% { transform: scale(.7); opacity: 0; } }

.yer-kunye, .mv-kunye, .sh-kunye { --r: #12a3a6; position: relative; width: 0; height: 0; pointer-events: none; }
.yer-kunye::before, .mv-kunye::before, .sh-kunye::before { content: ""; position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; background: var(--r); border: 1.5px solid #fff; transform: rotate(45deg) scale(0); animation: kunyeUc .35s ease forwards; box-shadow: 0 0 10px var(--r); }
.yer-kunye svg, .mv-kunye svg, .sh-kunye svg { position: absolute; left: 0; bottom: 0; width: 46px; height: 34px; overflow: visible; }
.yer-kunye path, .mv-kunye path, .sh-kunye path { fill: none; stroke: var(--r); stroke-width: 1.6; stroke-dasharray: 70; stroke-dashoffset: 70; animation: kunyeCiz .45s .15s ease forwards; }
.yer-kunye > div, .mv-kunye > div, .sh-kunye > div { position: absolute; left: 46px; bottom: 12px; transform: translateY(50%) translateX(-6px); white-space: nowrap; opacity: 0; animation: kunyeAc .4s .5s ease forwards; }
@keyframes kunyeUc { to { transform: rotate(45deg) scale(1); } }
@keyframes kunyeCiz { to { stroke-dashoffset: 0; } }
@keyframes kunyeAc { to { opacity: 1; transform: translateY(50%) translateX(0); } }

/* Atlas: yerin hafızası */
.yer-kunye > div { pointer-events: auto; display: grid; gap: 2px; min-width: 180px; max-width: 260px; white-space: normal; padding: 9px 30px 10px 12px; background: #0a5a62; color: #f2ede3; border-radius: 3px; border-top: 2px solid #f6d27a; box-shadow: 0 10px 26px rgba(10, 60, 66, .35); font-family: var(--f-arayuz); }
.yer-kunye small { font: 700 12px var(--f-arayuz); letter-spacing: .14em; text-transform: uppercase; color: #f6d27a; }
.yer-kunye b { font: 700 18px/1.15 var(--f-baslik); color: #fff; }
.yer-kunye span { font-size: 12px; color: #bfe6e4; margin-bottom: 3px; }
.yer-kunye a { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 13px; color: #eafaf9; text-decoration: none; }
.yer-kunye a:hover { color: #f6d27a; }
.yer-kunye a em { font-style: normal; color: #8fd3d8; font-size: 12px; white-space: nowrap; }
.yer-kunye button { position: absolute; top: 4px; right: 6px; border: 0; background: none; color: #bfe6e4; font-size: 16.5px; line-height: 1; cursor: pointer; }

/* Mavi Vatan: başkent künyesi */
.mv-kunye { --r: #3fe0e8; }
.mv-kunye > div { display: flex; align-items: center; gap: 9px; padding: 7px 12px 7px 8px; background: rgba(6, 40, 46, .9); border: 1px solid rgba(63, 224, 232, .4); border-left: 3px solid #3fe0e8; border-radius: 3px; box-shadow: 0 8px 22px rgba(2, 20, 24, .5); }
.mv-kunye-bayrak img, .mv-kunye-bayrak svg { display: block; width: 30px; height: 20px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .25); }
.mv-kunye p { margin: 0; display: grid; }
.mv-kunye small { font: 700 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; color: #8ff0f2; }
.mv-kunye b { font: 700 14px/1.15 var(--f-arayuz); letter-spacing: .06em; text-transform: uppercase; color: #fff; }

/* Şahsiyetler: durak etiketi */
.sh-kunye > div { display: grid; gap: 1px; padding: 6px 12px 7px; background: #f2ede3; color: #16323a; border-left: 4px solid var(--r); border-radius: 2px; box-shadow: 0 8px 22px rgba(3, 40, 45, .45); }
.sh-kunye small { font: 700 12px var(--f-arayuz); letter-spacing: .14em; text-transform: uppercase; color: #0b7a80; }
.sh-kunye b { font: 700 16.5px/1.15 var(--f-baslik); }
.sh-kunye span { font: 12px var(--f-arayuz); color: var(--soluk); }
@media (max-width: 700px) { .yer-kunye > div { min-width: 150px; max-width: 200px; } .sh-kunye b { font-size: 14px; } }
.yer-kunye i { font-size: 12px; color: #8fd3d8; }
.mv-kunye-bayrak { flex: 0 0 30px; width: 30px; height: 20px; }
@media (max-width: 700px) { .sh-gunluk { display: none !important; } }
.mv-sehir span { display: block; font: 12px var(--f-arayuz); color: #bfe6e4; letter-spacing: .02em; }
/* Şahsiyetler: yerin şahsiyetleri künyesi */
.sh-yer-kunye > div { pointer-events: auto; min-width: 200px; max-width: 270px; white-space: normal; padding: 8px 28px 9px 12px; border-left-color: #0b7a80; }
.sh-yer-kunye > div > span { margin-bottom: 3px; }
.sh-yer-kunye a { display: flex; gap: 8px; align-items: flex-start; padding: 5px 0; border-top: 1px solid rgba(11, 122, 128, .18); color: #16323a; text-decoration: none; }
.sh-yer-kunye a:hover b { color: #0b7a80; }
.sh-yer-kunye a i { flex: 0 0 8px; height: 8px; margin-top: 5px; background: var(--r); transform: rotate(45deg); }
.sh-yer-kunye a span { display: grid; font: 12px var(--f-arayuz); color: #16323a; }
.sh-yer-kunye a b { font: 700 13px/1.25 var(--f-baslik); }
.sh-yer-kunye a em { font-style: normal; font-size: 12px; color: var(--soluk); }
.sh-yer-kunye button { position: absolute; top: 3px; right: 6px; border: 0; background: none; color: var(--soluk); font-size: 16.5px; line-height: 1; cursor: pointer; }
/* künye yönü: kart kılavuz çizgisinin ucunda ortalanır; üst kenarda aşağı, sağ kenarda sola açılır */
.yer-kunye > div, .mv-kunye > div, .sh-kunye > div { bottom: 22px; transform: translateY(50%); animation: kunyeAc2 .4s .5s ease forwards; }
@keyframes kunyeAc2 { from { opacity: 0; margin-left: -6px; } to { opacity: 1; margin-left: 0; } }
.yer-kunye.asagi > div, .mv-kunye.asagi > div, .sh-kunye.asagi > div { bottom: auto; top: 22px; transform: translateY(-50%); }
.yer-kunye.asagi svg, .mv-kunye.asagi svg, .sh-kunye.asagi svg { bottom: auto; top: 0; transform: scaleY(-1); }
.yer-kunye.sola svg, .mv-kunye.sola svg, .sh-kunye.sola svg { left: auto; right: 0; transform: scaleX(-1); }
.yer-kunye.sola.asagi svg, .mv-kunye.sola.asagi svg, .sh-kunye.sola.asagi svg { transform: scale(-1, -1); }
.yer-kunye.sola > div, .mv-kunye.sola > div, .sh-kunye.sola > div { left: auto; right: 46px; }
.yer-kunye, .mv-kunye, .sh-kunye { z-index: 3; }
.yer-kunye.asagi > div, .mv-kunye.asagi > div, .sh-kunye.asagi > div { top: 12px; transform: none; }

/* ================= Rakamlarla atlas bandı (2 Kasım 2026) ================= */
.rakam-bandi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; margin: 0 auto; max-width: var(--genislik, 1180px); background: #fbf8f1; border: 1px solid rgba(11, 122, 128, .18); border-top: 3px solid var(--firuze-koyu, #0b7a80); border-radius: 0 0 6px 6px; box-shadow: 0 10px 28px rgba(10, 90, 98, .08); }
.rakam-bandi:empty { min-height: 104px; }
.rb-kart { display: grid; gap: 2px; align-content: start; padding: 18px 18px 16px; color: var(--murekkep, #16323a); text-decoration: none; border-right: 1px solid rgba(11, 122, 128, .12); transition: background .2s; }
.rb-kart:last-child { border-right: 0; }
.rb-kart:hover { background: rgba(18, 163, 166, .07); text-decoration: none; }
.rb-kart b { font: 700 clamp(28px, 3vw, 38px)/1 var(--f-baslik); color: var(--firuze-derin, #0a5a62); font-variant-numeric: lining-nums tabular-nums; }
.rb-kart span { font: 700 13px/1.3 var(--f-arayuz); color: var(--murekkep, #16323a); margin-top: 4px; }
.rb-kart small { font: 12px/1.35 var(--f-arayuz); color: var(--soluk); }
.rb-kart:last-child b { color: var(--ana, #b4232a); }
@media (max-width: 1000px) { .rakam-bandi { grid-template-columns: repeat(3, minmax(0, 1fr)); } .rb-kart:nth-child(3n) { border-right: 0; } .rb-kart:nth-child(-n+3) { border-bottom: 1px solid rgba(11, 122, 128, .12); } }
@media (max-width: 600px) { .rakam-bandi { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 12px; } .rb-kart { padding: 14px; border-bottom: 1px solid rgba(11, 122, 128, .12); } .rb-kart:nth-child(3n) { border-right: 1px solid rgba(11, 122, 128, .12); } .rb-kart:nth-child(2n) { border-right: 0; } }

/* ================= Tanıtım turu (2 Kasım 2026) ================= */
.rb-tur { max-width: var(--genislik, 1180px); margin: 10px auto 0; padding: 0 4px; text-align: right; font: 600 14px var(--f-arayuz); }
.rb-tur a { color: var(--firuze-koyu, #0b7a80); }
.tur { position: fixed; right: 18px; bottom: 18px; z-index: 900; width: min(380px, calc(100vw - 36px)); background: #0a5a62; color: #eafaf9; border-radius: 6px; box-shadow: 0 18px 44px rgba(6, 50, 56, .45); border-top: 3px solid #f6d27a; font-family: var(--f-arayuz); animation: turGir .35s ease; }
@keyframes turGir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.tur header { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px 6px 16px; font: 700 12px var(--f-arayuz); letter-spacing: .14em; text-transform: uppercase; color: #f6d27a; }
.tur header button { border: 0; background: none; color: #bfe6e4; font-size: 18px; line-height: 1; width: 26px; height: 26px; cursor: pointer; border-radius: 3px; }
.tur header button:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.tur-cubuk { display: block; height: 2px; margin: 0 16px; background: rgba(255, 255, 255, .15); position: relative; }
.tur-cubuk::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p); background: #f6d27a; transition: width .4s; }
.tur h2 { margin: 12px 16px 6px; font: 700 18px/1.25 var(--f-baslik); color: #fff; }
.tur p { margin: 0 16px; font-size: 14px; line-height: 1.55; color: #d7efee; }
.tur footer { display: flex; justify-content: space-between; gap: 10px; padding: 14px 16px 14px; }
.tur footer button { border: 1px solid rgba(255, 255, 255, .3); background: transparent; color: #eafaf9; font: 700 13px var(--f-arayuz); padding: 8px 14px; border-radius: 4px; cursor: pointer; }
.tur footer button.ana { background: #f6d27a; border-color: #f6d27a; color: #0a3f45; }
.tur footer button:disabled { opacity: .35; cursor: default; }
.tur footer button:not(:disabled):hover { filter: brightness(1.08); }
.tur.kucuk { width: auto; display: flex; align-items: stretch; border-top-width: 2px; }
.tur.kucuk button { border: 0; background: none; color: #eafaf9; font: 600 13px var(--f-arayuz); padding: 10px 14px; cursor: pointer; }
.tur.kucuk .tur-ac b { color: #f6d27a; margin-right: 4px; }
.tur.kucuk .tur-ileri { border-left: 1px solid rgba(255, 255, 255, .2); font-size: 18px; padding: 6px 14px; }
@media (max-width: 600px) { .tur { right: 10px; left: 10px; bottom: 10px; width: auto; } .tur p { font-size: 13px; } }
/* üç atlas arası bağlantılar (2 Kasım 2026) */
.yan-not { margin: -4px 0 8px; font: italic 13px var(--f-arayuz); color: var(--soluk); }
.sh-yer-olay { list-style: none; margin: 4px 0 14px; padding: 0; display: grid; gap: 6px; }
.sh-yer-olay a { display: grid; gap: 1px; padding: 7px 10px; border-left: 3px solid var(--ana, #b4232a); background: rgba(180, 35, 42, .05); border-radius: 0 4px 4px 0; text-decoration: none; color: inherit; }
.sh-yer-olay a:hover { background: rgba(180, 35, 42, .1); }
.sh-yer-olay b { font: 700 14px/1.3 var(--f-baslik); }
.sh-yer-olay small { font: 12px var(--f-arayuz); color: var(--soluk); }
/* kaynakça süzgeci (2 Kasım 2026) */
.kaynak-suzgec { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 18px; padding: 10px; background: #fbf8f1; border: 1px solid rgba(11, 122, 128, .18); border-radius: 6px; }
.kaynak-suzgec button { border: 1px solid rgba(11, 122, 128, .35); background: #fff; color: var(--murekkep, #16323a); font: 600 14px var(--f-arayuz); padding: 7px 12px; border-radius: 30px; cursor: pointer; }
.kaynak-suzgec button b { margin-left: 4px; color: var(--firuze-koyu, #0b7a80); }
.kaynak-suzgec button.secik { background: var(--firuze-koyu, #0b7a80); border-color: var(--firuze-koyu, #0b7a80); color: #fff; }
.kaynak-suzgec button.secik b { color: #f6d27a; }
.kaynak-suzgec input { flex: 1 1 200px; min-width: 0; padding: 8px 12px; border: 1px solid rgba(11, 122, 128, .3); border-radius: 30px; font: 14px var(--f-arayuz); }
.kaynak-grup small { margin-left: 8px; font: 600 13px var(--f-arayuz); color: var(--soluk); }

/* ================= Genel cila (2 Kasım 2026, ikinci tur) ================= */
/* haritalar stil uyarlanınca yumuşakça belirir; bir aksilikte 6 saniye sonra yine görünür */
.maplibregl-map .maplibregl-canvas { transition: opacity .55s ease; }
.maplibregl-map:not(.harita-hazir) .maplibregl-canvas { opacity: 0; animation: haritaGeciken 0s 6s forwards; }
@keyframes haritaGeciken { to { opacity: 1; } }
/* açılış ekranı: veriler yüklenirken amblem ve ad; uygulama sayfayı çizince yerini sayfaya bırakır */
.acilis { min-height: 70vh; display: grid; place-content: center; justify-items: center; gap: 10px; text-align: center; animation: acilisGir .6s ease; }
.acilis img { width: 88px; height: 88px; animation: acilisNefes 2.2s ease-in-out infinite; }
.acilis b { font: 700 28px var(--f-baslik, Georgia, serif); color: #0a5a62; }
.acilis span { font: 600 13px var(--f-arayuz, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: #5a8a8c; }
@keyframes acilisNefes { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
@keyframes acilisGir { from { opacity: 0; } to { opacity: 1; } }
/* ortak zaman çizelgesi: dikey eksen, yılda bir etiket, tür işareti ve kart */
.zc-arac { position: sticky; top: 0; z-index: 5; background: var(--zemin, #f2ede3); padding: 10px 0 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(11, 122, 128, .15); }
.zc-tur { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.zc-tur button { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(11, 122, 128, .3); background: #fff; color: var(--soluk); font: 600 14px var(--f-arayuz); padding: 7px 13px; border-radius: 30px; cursor: pointer; opacity: .6; }
.zc-tur button.secik { opacity: 1; color: var(--murekkep, #16323a); border-color: var(--firuze-koyu, #0b7a80); box-shadow: inset 0 0 0 1px var(--firuze-koyu, #0b7a80); }
.zc-tur button b { color: var(--firuze-koyu, #0b7a80); }
.zc-yy { position: relative; margin: 6px 0 26px; }
.zc-yy h2 { font: 700 28px var(--f-baslik); color: var(--firuze-derin, #0a5a62); margin: 18px 0 10px; padding-left: 110px; }
.zc-yy h2 small { margin-left: 10px; font: 600 13px var(--f-arayuz); color: var(--soluk); }
.zc-yy::before { content: ""; position: absolute; left: 99px; top: 58px; bottom: 6px; width: 2px; background: linear-gradient(rgba(11, 122, 128, .35), rgba(11, 122, 128, .12)); }
.zc-satir { display: grid; grid-template-columns: 84px 30px minmax(0, 1fr); align-items: start; gap: 0; padding: 3px 0; }
.zc-yil { font: 700 16.5px/1.6 var(--f-baslik); color: var(--murekkep, #16323a); text-align: right; padding-right: 8px; font-variant-numeric: tabular-nums; }
.zc-im { display: block; width: 12px; height: 12px; margin: 8px auto 0; border-radius: 50%; background: var(--r); box-shadow: 0 0 0 3px var(--zemin, #f2ede3), 0 0 0 4px var(--r); position: relative; z-index: 1; }
.zc-kisi .zc-im, .zc-baklava { border-radius: 1px; transform: rotate(45deg); width: 10px; height: 10px; }
.zc-mv .zc-im, .zc-kare { border-radius: 2px; }
.zc-tur .zc-im { margin: 0; box-shadow: none; }
.zc-kart { display: grid; gap: 1px; padding: 6px 12px 7px; margin-left: 4px; border-radius: 4px; text-decoration: none; color: inherit; border-left: 3px solid var(--r); background: rgba(255, 255, 255, .55); transition: background .2s; }
.zc-kart:hover { background: #fff; text-decoration: none; }
.zc-kart b { font: 700 14px/1.3 var(--f-baslik); color: var(--murekkep, #16323a); }
.zc-kart small { font: 13px var(--f-arayuz); color: var(--soluk); }
.zc-kisi .zc-kart { background: rgba(11, 122, 128, .05); }
.zc-mv .zc-kart { background: rgba(18, 163, 166, .08); }
@media (max-width: 600px) { .zc-satir { grid-template-columns: 54px 22px minmax(0, 1fr); } .zc-yy::before { left: 64px; } .zc-yy h2 { padding-left: 0; font-size: 21px; } .zc-yil { font-size: 14px; } }
.zc-arac .yuzyil-atla { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; padding-bottom: 4px; margin: 0; } .zc-arac .yuzyil-atla a { flex: 0 0 auto; }
.zc-arac { top: calc(var(--yonetim-h, 0px) + 121px); } .zc-arac .yuzyil-atla { position: static; border: 0; background: none; padding: 0 0 4px; } @media (max-width: 900px) { .zc-arac { position: static; } }

/* ================= Mavi Vatan: Türk mavisi seyir haritası arayüzü (2 Kasım 2026) =================
   Koyu gece temasının siyaha yakın panelleri derin Türk mavisine çevrildi. */
#mv-harita { background: #1b7f8b; }
.mv-harita-kap .maplibregl-ctrl-attrib { background: rgba(10, 79, 88, .82); color: #d7efee; }
.mv-lejant, .mv-katman-panel, .mv-olcum-kutu { background: rgba(10, 79, 88, .94); }
.mv-lejant i.nokta { border-color: #0a4f58; }
.mv-altyazi { background: rgba(10, 79, 88, .86); text-shadow: 0 1px 3px rgba(4, 40, 46, .8); }
.mv-oynatici { background: rgba(10, 79, 88, .94); box-shadow: 0 6px 22px rgba(6, 50, 56, .4); }
.mv-harita-kap .maplibregl-ctrl-group { background: rgba(10, 79, 88, .94); }
.mv-harita-kap .maplibregl-ctrl-scale, .mv-koord { background: rgba(10, 79, 88, .85); }
.mv-arac button.etkin { color: #0a4f58; }
.mv-kart { background: radial-gradient(ellipse at center, rgba(12, 98, 108, .9), rgba(7, 62, 70, .96)), repeating-linear-gradient(0deg, transparent 0 59px, rgba(127, 227, 233, .07) 59px 60px), repeating-linear-gradient(90deg, transparent 0 59px, rgba(127, 227, 233, .07) 59px 60px); }
@media print { .tur, .rb-tur, .parilti, .yer-kunye, .zc-arac { display: none !important; } .zc-yy::before { background: #999; } }
.mv-no { background: #0a5a62; } .mv-metin h3 { color: #0a5a62; }

/* ================= Yeni yüz: İz ve arşiv (2 Kasım 2026) =================
   Kavram: atlas bir hafıza müzesidir. Başlıklar sergi duvarı yazısı gibi iri ve zarif (Fraunces); ana sayfadaki
   "günün kaydı" bir envanter fişi; dönemler toprak katmanı ve ağaç halkası gibi üst üste dizilir; bölüm başlıklarının
   işareti amblemdeki eş yükselti halkalarından alınmıştır. Renk dili Türk mavisi, krem kâğıt ve İznik mercanı. */
:root {
  --f-baslik: "Fraunces", "Source Serif 4", Georgia, serif;
  --kagit: #f8f4ea; --kagit-cizgi: rgba(11, 122, 128, .13);
  --yumusak: 0 1px 2px rgba(10, 90, 98, .06), 0 10px 30px rgba(10, 90, 98, .09);
  --iz-isaret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke-linecap='round'%3E%3Cpath d='M20 14c3.4 0 6 2.6 6 6s-2.6 6-6 6-6-2.6-6-6' stroke='%230b7a80' stroke-width='2.2'/%3E%3Cpath d='M20 8c6.6 0 12 5.4 12 12s-5.4 12-12 12S8 26.6 8 20c0-3.3 1.3-6.3 3.5-8.5' stroke='%230b7a80' stroke-width='2.2' opacity='.7'/%3E%3Cpath d='M20 2c9.9 0 18 8.1 18 18s-8.1 18-18 18' stroke='%230b7a80' stroke-width='2.2' opacity='.4'/%3E%3Cpath d='M19 21l14 11' stroke='%23d9a441' stroke-width='3'/%3E%3C/svg%3E");
}
html body h1, html body h2, html body .blok-baslik, html body .logo-yazi b { font-family: var(--f-baslik); font-optical-sizing: auto; }
html body .logo-yazi b { font-weight: 600; letter-spacing: -.005em; }

/* giriş bandı: sergi salonunun girişi */
html body .harita-bant { height: auto; min-height: clamp(460px, 64vh, 600px); border-bottom: 0; }
html body .harita-bant::after { content: ""; position: absolute; inset: 0 0 0 38%; z-index: 1; pointer-events: none; background: url(doku-iz.svg) right -60px center / 900px auto no-repeat; opacity: .22; mix-blend-mode: soft-light; }
html body .hb-izgara { padding-top: clamp(44px, 8vh, 84px); padding-bottom: 72px; z-index: 3; }
html body .hb-ic { max-width: 560px; }
html body .hb-ust { font: 600 12px/1 var(--f-arayuz); letter-spacing: .2em; text-transform: uppercase; color: var(--altin-acik, #f3cf72); margin-bottom: 14px; }
html body .hb-ic h1 { font: 500 clamp(32px, 3.9vw, 52px)/1.02 var(--f-baslik); letter-spacing: -.02em; color: #fff; text-wrap: balance; }
html body .hb-ic h1 + p { font: 400 16.5px/1.6 var(--f-metin); color: rgba(255, 255, 255, .9); max-width: 520px; margin-top: 16px; }
html body .hb-ara > div { border: 0; border-radius: 10px; overflow: hidden; background: rgba(251, 248, 241, .97); box-shadow: 0 12px 32px rgba(4, 44, 50, .28); }
html body .hb-ara input { padding: 12px 16px; font-size: 14px; }
html body .hb-ara { margin-top: 22px; }
html body .hb-baglantilar { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 18px; }
html body .hb-baglantilar a { font: 600 14px var(--f-arayuz); }
html body .hb-ara button { border: 0; background: var(--firuze-koyu); color: #fff; font-weight: 600; padding: 0 24px; }
html body .hb-ara button:hover { background: var(--firuze-derin); }
html body .hb-baglantilar a { font-weight: 600; }
html body .hb-not { z-index: 3; }

/* günün kaydı: kütüphane fişi; kırmızı kenar çizgisi, delik, satır çizgileri ve mühür */
.envanter { position: absolute; z-index: 4; top: clamp(54px, 10vh, 104px); right: max(28px, calc((100vw - var(--kap)) / 2 + 24px)); width: 300px; padding: 16px 18px 14px 38px; color: var(--metin);
  background: linear-gradient(90deg, transparent 27px, rgba(180, 35, 42, .55) 27px 28.5px, transparent 28.5px), repeating-linear-gradient(180deg, transparent 0 25px, var(--kagit-cizgi) 25px 26px), var(--kagit);
  border-radius: 3px; box-shadow: 0 2px 0 rgba(255, 255, 255, .5) inset, 0 22px 50px rgba(3, 38, 43, .38); transform: rotate(-1.4deg); transition: transform .35s ease; animation: fisGir .6s ease; }
.envanter:empty { display: none; }
.envanter:hover { transform: rotate(0deg) translateY(-3px); }
.envanter::before { content: ""; position: absolute; left: 50%; top: 8px; width: 13px; height: 13px; margin-left: -6px; border-radius: 50%; background: #0c4c54; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .4); }
@keyframes fisGir { from { opacity: 0; transform: rotate(3deg) translateY(18px); } to { opacity: 1; transform: rotate(-1.4deg); } }
.envanter header { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-top: 8px; padding-bottom: 7px; border-bottom: 1.5px solid #23383d; font: 700 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; }
.envanter header time { letter-spacing: .04em; font-weight: 600; color: var(--soluk); }
.env-ust { margin: 10px 0 4px; font: italic 500 14px var(--f-baslik); color: var(--ana); }
.env-baslik { display: block; font: 600 18px/1.2 var(--f-baslik); color: #16323a; text-decoration: none !important; letter-spacing: -.01em; }
.env-baslik:hover { color: var(--firuze-koyu); }
.envanter dl { margin: 12px 0 10px; display: grid; gap: 1px; font-size: 13px; line-height: 25px; }
.envanter dl div { display: grid; grid-template-columns: 58px 1fr; }
.envanter dt { font: 700 12px/25px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.envanter dd { margin: 0; line-height: 1.35; padding-top: 5px; }
.envanter dd small { color: var(--soluk); }
.envanter footer { display: flex; justify-content: space-between; align-items: center; padding-top: 8px; font: 600 12px ui-monospace, Consolas, monospace; color: var(--soluk); }
.damga { font: 800 12px var(--f-arayuz); letter-spacing: .24em; text-transform: uppercase; color: var(--ana); border: 2px solid currentColor; border-radius: 4px; padding: 4px 8px 3px 10px; transform: rotate(-8deg); opacity: .78; box-shadow: inset 0 0 0 1px rgba(180, 35, 42, .25); }
@media (max-width: 1180px) {
  .envanter { position: relative; top: auto; right: auto; margin: -64px 24px 40px auto; transform: rotate(-1deg); }
  html body .hb-izgara { padding-bottom: 80px; }
}
@media (max-width: 700px) {
  .envanter { width: auto; margin: 0 16px 28px; }
  html body .harita-bant { min-height: 0; }
  html body .hb-izgara { padding-bottom: 36px; }
  html body .hb-not { display: none; }
  html body .harita-bant::after { inset: 0; opacity: .14; }
}

/* bölüm başlıkları: amblemin eş yükselti halkalarından alınan işaret */
html body .blok-baslik { display: flex; align-items: center; gap: 12px; font: 500 clamp(21px, 1.9vw, 26px)/1.15 var(--f-baslik); letter-spacing: -.01em; color: var(--murekkep); border-bottom: 0; padding-bottom: 0; margin-top: 52px; margin-bottom: 20px; }
html body .blok-baslik::before { content: ""; flex: none; width: 26px; height: 26px; background: var(--iz-isaret) center / contain no-repeat; }
html body .blok-baslik::after { content: ""; display: block; position: static; flex: 1; height: 1px; width: auto; background: linear-gradient(90deg, rgba(11, 122, 128, .35), transparent); margin-left: 6px; }
html body .anasayfa > .bloklar > .b-baslik.kap { margin-top: 0; }

/* bölüm kartları: sergi etiketleri; numara, başlık, kısa yazı, köşede beliren iz dokusu */
html body .blok-kartlar { counter-reset: etiket; display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 18px; }
html body .blok-kartlar .kart { counter-increment: etiket; position: relative; border: 1px solid rgba(11, 122, 128, .16); border-radius: 12px; background: var(--kagit); box-shadow: var(--yumusak); transition: transform .25s ease, box-shadow .25s ease, border-color .25s; overflow: hidden; }
html body .blok-kartlar .kart::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 220px; height: 220px; background: url(doku-iz.svg) center / 520px auto no-repeat; opacity: 0; transition: opacity .35s; pointer-events: none; }
html body .blok-kartlar .kart:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(10, 90, 98, .16); border-color: rgba(11, 122, 128, .4); }
html body .blok-kartlar .kart:hover::after { opacity: .5; }
html body .blok-kartlar .kart > div { padding: 18px 18px 16px; position: relative; z-index: 1; }
html body .blok-kartlar .kart > div::before { content: counter(etiket, decimal-leading-zero); display: block; font: italic 400 21px/1 var(--f-baslik); color: var(--firuze); margin-bottom: 10px; }
html body .blok-kartlar .kart h3 { font: 600 18px/1.25 var(--f-baslik); color: var(--murekkep); letter-spacing: -.005em; }
html body .blok-kartlar .kart:hover h3 { color: var(--firuze-derin); text-decoration: none; }
html body .blok-kartlar .kart p { font-size: 14px; line-height: 1.55; color: var(--metin); margin: 6px 0 0; }
html body .blok-kartlar .kart-ok { display: inline-block; margin-top: auto; padding-top: 14px; font: 700 12px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: var(--firuze-koyu); }

/* hafıza katmanları: dönemler üst üste; en eski en altta */
.kt-not { margin: -14px 0 16px; font: italic 14px var(--f-metin); color: var(--soluk); }
.katmanlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 50px rgba(10, 90, 98, .18); }
.katmanlar li { position: relative; }
.katmanlar li:nth-child(odd) a { border-radius: 0 0 0 0; }
.katmanlar.kapali .kt-derin { display: none; }
.kt-kaz { display: block; margin: -1px auto 0; padding: 9px 20px 10px; border: 1px solid rgba(11, 122, 128, .3); border-top: 0; border-radius: 0 0 12px 12px; background: var(--kagit); color: var(--firuze-derin); font: 600 13px var(--f-arayuz); cursor: pointer; box-shadow: var(--yumusak); }
.kt-kaz::after { content: " ↓"; }
.kt-kaz:hover { background: #fff; }
.katmanlar a { position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; gap: 16px; min-height: var(--h); padding: 5px 22px; color: #fff; text-decoration: none !important; overflow: hidden;
  background: linear-gradient(90deg, var(--r), color-mix(in srgb, var(--r) 78%, #072c33)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -2px 4px rgba(0, 0, 0, .14); transition: min-height .35s ease, filter .25s; }
.katmanlar a::before { content: ""; position: absolute; inset: 0; background: url(doku-iz.svg) var(--dx, 30%) 50% / 1100px auto; opacity: .16; mix-blend-mode: soft-light; pointer-events: none; }
.katmanlar li:nth-child(3n) a::before { --dx: 70%; } .katmanlar li:nth-child(3n+1) a::before { --dx: 5%; }
.katmanlar a:hover { min-height: calc(var(--h) + 18px); filter: brightness(1.08) saturate(1.05); }
.kt-yil { position: relative; z-index: 1; font: 600 13px var(--f-arayuz); letter-spacing: .02em; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, .85); }
.kt-ad { position: relative; z-index: 1; font: 500 16.5px/1.25 var(--f-baslik); text-shadow: 0 1px 2px rgba(0, 0, 0, .25); }
.kt-say { position: relative; z-index: 2; font: 600 12px var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .85); white-space: nowrap; }
.kt-say b { font: 600 16.5px var(--f-baslik); letter-spacing: 0; color: #fff; margin-right: 3px; }
.kt-harita { position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 380px; opacity: .0; transition: opacity .35s; -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%); mask-image: linear-gradient(90deg, transparent, #000 55%); pointer-events: none; }
.kt-harita svg { width: 100%; height: 100%; display: block; }
.katmanlar a:hover .kt-harita { opacity: .9; }
.katmanlar a:hover .kt-say { text-shadow: 0 1px 4px rgba(0, 0, 0, .6); }
@media (max-width: 700px) {
  .katmanlar a { grid-template-columns: 1fr auto; gap: 2px 12px; padding: 12px 16px; }
  .kt-yil { grid-column: 1 / -1; font-size: 13px; }
  .kt-harita { width: 60%; }
}

/* seçilmiş olaylar, üç sütun, okuma kartları: yumuşak kâğıt kartlar */
html body .olay-karti, html body .okuma-karti { border-radius: 12px; background: var(--kagit); border: 1px solid rgba(11, 122, 128, .14); box-shadow: var(--yumusak); transition: transform .25s, box-shadow .25s; }
html body .olay-karti:hover, html body .okuma-karti:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(10, 90, 98, .15); }
html body .olay-karti h3, html body .okuma-karti h3 { font-family: var(--f-baslik); font-weight: 600; letter-spacing: -.01em; }
html body .sutun-baslik { font: 600 18px var(--f-baslik); color: var(--murekkep); text-transform: none; letter-spacing: -.01em; }
html body .olay-karti h3 { font-size: 16.5px; line-height: 1.3; }
html body .olay-karti p { font-size: 14px; }
.sutun-satir .kalan { color: var(--firuze-koyu); font: 600 12px var(--f-arayuz); margin-top: 2px; }
html body .tarih-kutu { border-radius: 8px; border-top-width: 3px; background: var(--kagit); }

/* iç sayfa bantları ve rakam bandı */
html body .sayfa-bant h1 { font-weight: 500; letter-spacing: -.015em; font-size: clamp(25px, 2.7vw, 36px); line-height: 1.12; }
html body .rakam-bandi { border-radius: 0 0 14px 14px; background: var(--kagit); }
html body .rb-kart { padding: 14px 16px 13px; }
html body .rb-kart b { font: 500 clamp(22px, 2.2vw, 28px)/1 var(--f-baslik); }
html body .rb-kart span { font-size: 13px; }
html body .rb-kart small { font-size: 12px; }

/* üç salon: her salonun görseli kendi verisinden; altında salon sırası, ad, kısa yazı, rakamlar, girişler */
.uc-salon { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.uc-salon:empty { min-height: 360px; }
.salon { display: flex; flex-direction: column; background: var(--kagit); border: 1px solid rgba(11, 122, 128, .16); border-radius: 14px; overflow: hidden; box-shadow: var(--yumusak); transition: transform .25s, box-shadow .25s; }
.salon:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(10, 90, 98, .16); }
.salon-gorsel { position: relative; aspect-ratio: 9 / 5; background: radial-gradient(ellipse at 40% 45%, #e6f3f1, #cfe5e2); border-bottom: 1px solid rgba(11, 122, 128, .14); overflow: hidden; }
.salon-gorsel::after { content: ""; position: absolute; inset: 0; background: url(doku-iz.svg) center / 640px auto; opacity: .1; pointer-events: none; }
.salon-gorsel::after { display: none; }
.salon-gorsel { background: #d3e9e5; }
.salon-gorsel img { transition: transform .6s ease; }
.salon:hover .salon-gorsel img { transform: scale(1.03); }
.salon-gorsel svg, .salon-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.salon-ic { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 16px; flex: 1; }
.salon-sira { font: 600 12px var(--f-arayuz); letter-spacing: .18em; text-transform: uppercase; color: var(--ana); }
.salon h3 { font: 600 18px/1.2 var(--f-baslik); color: var(--murekkep); margin: 0; }
.salon p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--metin); }
.salon .salon-bilgi { font: 600 12px var(--f-arayuz); color: var(--firuze-derin); padding-top: 4px; }
.salon .salon-git { margin-top: auto; padding-top: 10px; display: flex; flex-wrap: wrap; gap: 6px 16px; border-top: 1px solid rgba(11, 122, 128, .12); }
.salon-git a { font: 700 13px var(--f-arayuz); color: var(--firuze-koyu); }
.salon-git a::after { content: " ›"; }
@media (max-width: 960px) { .uc-salon { grid-template-columns: 1fr; } .salon { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); } .salon-gorsel { aspect-ratio: auto; min-height: 180px; border-bottom: 0; border-right: 1px solid rgba(11, 122, 128, .14); } }
@media (max-width: 600px) { .salon { display: flex; } .salon-gorsel { aspect-ratio: 9 / 5; min-height: 0; border-right: 0; border-bottom: 1px solid rgba(11, 122, 128, .14); } }

/* Mavi Vatan sesli rehberi: numaralı duraklar */
.mavi-rehber { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); gap: 28px; align-items: start; }
.mavi-rehber:empty { min-height: 200px; }
.mr-giris { position: sticky; top: calc(var(--yonetim-h, 0px) + 140px); padding: 20px 20px 18px; border-radius: 14px; color: #eaf8f7; background: url(mavi-vatan-iz.svg) center / cover; overflow: hidden; isolation: isolate; box-shadow: var(--yumusak); }
.mr-giris::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(160deg, rgba(10, 90, 98, .94), rgba(11, 122, 128, .86) 60%, rgba(18, 163, 166, .7)); }
.mr-giris p { margin: 0 0 12px; font-size: 14px; line-height: 1.6; }
.mr-giris .mr-not { font-size: 13px; color: #c9ecea; }
.mr-giris .dugme.ana { background: #f6d27a; border-color: #f6d27a; color: #0a3f45; border-radius: 8px; font-size: 13px; padding: 8px 14px; }
.mr-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; counter-reset: none; }
.mr-liste a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; color: #16323a; text-decoration: none !important; transition: background .2s; }
.mr-liste a:hover { background: rgba(18, 163, 166, .1); }
.mr-no { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; border: 1.5px solid var(--firuze-koyu); color: var(--firuze-derin); font: italic 600 14px var(--f-baslik); background: var(--kagit); position: relative; }
.mr-liste a:hover .mr-no { background: var(--firuze-koyu); color: #fff; }
.mr-ad { font: 500 14px/1.3 var(--f-baslik); }
@media (max-width: 900px) { .mavi-rehber { grid-template-columns: 1fr; } .mr-giris { position: static; } }
@media (max-width: 600px) { .mr-liste { grid-template-columns: 1fr; } }

/* şahsiyetler: hayat yolu çizimli kartlar */
.sy-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sahsiyet-yollari:empty { min-height: 300px; }
.sy-kart { display: flex; flex-direction: column; gap: 3px; padding: 0 0 14px; background: var(--kagit); border: 1px solid rgba(11, 122, 128, .14); border-top: 3px solid var(--r); border-radius: 12px; overflow: hidden; color: inherit; text-decoration: none !important; box-shadow: var(--yumusak); transition: transform .25s, box-shadow .25s; }
.sy-kart:hover { transform: translateY(-3px); box-shadow: 0 16px 36px rgba(10, 90, 98, .15); }
.sy-kart svg { width: 100%; height: 110px; display: block; margin-bottom: 8px; background: #e6efec; border-bottom: 1px solid rgba(11, 122, 128, .1); }
.sy-alan, .sy-kart b, .sy-kart small, .sy-kart p { margin: 0 16px; }
.sy-alan { font: 600 12px var(--f-arayuz); letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.sy-kart b { font: 600 16.5px/1.25 var(--f-baslik); color: var(--murekkep); }
.sy-kart small { font: 12px var(--f-arayuz); color: var(--soluk); }
.sy-kart p { font-size: 13px; line-height: 1.5; color: var(--metin); margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sy-not { margin: 12px 0 0; font: italic 14px var(--f-metin); color: var(--soluk); }
.sy-not a { font: 600 13px var(--f-arayuz); font-style: normal; margin-left: 6px; }
@media (max-width: 900px) { .sy-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .sy-izgara { grid-template-columns: 1fr; } }

/* alt bilgi: derin firuze üzerinde iz dokusu */
html body .alt { position: relative; overflow: hidden; }
html body .alt::before { content: ""; position: absolute; right: -180px; top: -120px; width: 760px; height: 760px; background: url(doku-iz.svg) center / contain no-repeat; opacity: .12; mix-blend-mode: screen; pointer-events: none; }
html body .alt .kap { position: relative; }

/* bölümlerin görüş alanına girerken belirmesi; betik çalışmazsa birkaç saniye sonra yine görünür */
.blok.belirecek { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; animation: belirGuvence 0s 3.5s forwards; }
.blok.belirecek.gorundu { opacity: 1; transform: none; animation: none; }
@keyframes belirGuvence { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .blok.belirecek { opacity: 1; transform: none; transition: none; } .envanter { animation: none; } }
@media print { .blok.belirecek { opacity: 1 !important; transform: none !important; } .envanter, .kt-harita { display: none !important; } }

/* yazı ölçüsü (2 Kasım 2026): kullanıcı yazıların çok büyük olduğunu söyledi; okuma metni ve başlıklar bir kademe küçüldü */
html body { font-size: 14px; }
html body .makale { font-size: 16.5px; line-height: 1.72; }
html body .makale h2 { font-size: 21px; }
html body .makale h3 { font-size: 18px; }
html body .makale blockquote, html body .blok-paragraf blockquote { font-size: 16.5px; }
html body .blok-paragraf p, html body .blok-paragraf { font-size: 16.5px; line-height: 1.7; }
html body .bant-ozet { font-size: 16.5px; }
html body .ust .logo-yazi b { font-size: 21px; }

/* ================= Seyir masası: üç atlasın haritaları (2 Kasım 2026) =================
   Kullanıcı World Monitor'ü örnek gösterdi: renkler bizimki olsun ama işçilik o düzeyde olsun. Ondan alınan
   nitelikler: haritanın ekranı kaplaması, sessiz tek tonlu zemin, bütün denetimlerde tek bir arayüz dili, küçük ve
   tutarlı yazı. Görünüş kendi kavramımızdan: Pîrî Reis portolanları ve eski seyir aletleri; derin Türk mavisi cam
   paneller, altın vurgu, kenarlarda derece cetveli, kümelerde pusula halkası (js/seyir.js). Siyah kullanılmaz. */
:root {
  --sm-cam: rgba(7, 60, 67, .88); --sm-cam-koyu: rgba(5, 46, 52, .94); --sm-cizgi: rgba(178, 236, 232, .22); --sm-cizgi-g: rgba(178, 236, 232, .4);
  --sm-yazi: #eaf7f5; --sm-soluk: #9fc9c5; --sm-altin: #f3cf72; --sm-mercan: #e65a5f; --sm-r: 8px;
  --sm-golge: 0 8px 26px rgba(3, 36, 41, .38); --sm-pay: 22px;
}
/* --- ince başlık: harita sayfalarında site başlığı tek satıra iner --- */
@media (min-width: 901px) {
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust { display: flex; align-items: stretch; height: 46px; border-top: 0; background: #063a41; box-shadow: none; border-bottom: 1px solid var(--sm-cizgi); }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-ana { flex: none; background: transparent; }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-ana > .kap { height: 46px; padding: 0 18px; gap: 14px; max-width: none; }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .logo { gap: 10px; }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .logo .amblem { width: 28px; height: 28px; }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .logo-yazi { padding-left: 10px; border-left-color: var(--sm-cizgi); }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .logo-yazi small,
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .kapali-rozet,
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ara-ac { display: none; }
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust .logo-yazi b { font: 600 14px/1 var(--f-baslik); color: var(--sm-yazi); }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu { flex: 1; background: transparent; border: 0; }
  body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu > .kap { max-width: none; height: 46px; padding: 0 12px; }
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu .ana-menu > a,
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu .menu-grup > button { font: 600 12px var(--f-arayuz); letter-spacing: .14em; text-transform: uppercase; color: var(--sm-soluk); padding: 0 12px; }
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu .ana-menu > a:is(:hover, .aktif),
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu .menu-grup:is(:hover, .aktif) > button { color: #fff; }
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu .ana-menu > a::after,
  html body:is([data-sayfa="atlas"], [data-sayfa="mavi-vatan"], [data-sayfa="sahsiyetler"], [data-sayfa="guzergah"]:has(.guz-sayfa)) .ust-menu .menu-grup > button::after { left: 12px; right: 12px; height: 2px; background: var(--sm-altin); }
}

/* --- derece cetveli ve haritanın kenar payı --- */
.derece-cetveli { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.dc-yazi { font: 600 12px var(--f-arayuz); letter-spacing: .04em; font-variant-numeric: tabular-nums; }
:is(.atlas, .mv-harita-kap) .maplibregl-ctrl-top-left, :is(.atlas, .mv-harita-kap) .maplibregl-ctrl-bottom-left { left: 14px; }
:is(.atlas, .mv-harita-kap) .maplibregl-ctrl-top-right, :is(.atlas, .mv-harita-kap) .maplibregl-ctrl-bottom-right { right: 14px; }
:is(.atlas, .mv-harita-kap) .maplibregl-ctrl-bottom-left, :is(.atlas, .mv-harita-kap) .maplibregl-ctrl-bottom-right { bottom: 14px; }
:is(.atlas, .mv-harita-kap) .maplibregl-ctrl-top-left, :is(.atlas, .mv-harita-kap) .maplibregl-ctrl-top-right { top: 14px; }

/* --- ortak arayüz dili: cam panel, kıl çizgisi çerçeve, küçük ve tutarlı yazı --- */
html body :is(.harita-baslik, .harita-ara, .zaman-serit, .koord, .olcum-kutu, .ad-menu, .mv-lejant, .mv-katman-panel, .mv-olcum-kutu, .mv-koord, .mv-oynatici, .sh-lejant, .sh-oynatici, .sh-sira, .sh-sinema-kapat) {
  background: var(--sm-cam); color: var(--sm-yazi); border: 1px solid var(--sm-cizgi); border-radius: var(--sm-r); box-shadow: var(--sm-golge); backdrop-filter: blur(8px) saturate(1.2); -webkit-backdrop-filter: blur(8px) saturate(1.2);
}
html body .atlas { --ak-zemin: #08464d; --ak-zemin-2: #0b525a; --ak-cizgi: rgba(178, 236, 232, .16); --ak-yazi: #eaf7f5; --ak-soluk: #9fc9c5; --ak-altin: #f3cf72; background: #0b4149; }
html body .atlas-ray { background: #063a41; border-right: 1px solid var(--sm-cizgi); }
html body .atlas-ray button { font: 600 12px/1.1 var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: var(--sm-soluk); padding: 11px 2px 9px; }
html body .atlas-ray button svg { width: 18px; height: 18px; }
html body .atlas-ray button[aria-pressed="true"] { color: #fff; background: rgba(178, 236, 232, .08); }
html body .atlas-ray button[aria-pressed="true"]::before { background: var(--sm-altin); width: 2px; }
html body .atlas-panel { font-size: 13px; box-shadow: none; }
html body .atlas .panel-baslik { background: transparent; }
html body .atlas .panel-baslik h1 { font: 600 16.5px/1.25 var(--f-baslik); }
html body .atlas :is(.panel-grup h3, .kk-grup, .lejant-liste h3) { font: 600 12px var(--f-arayuz) !important; letter-spacing: .16em; text-transform: uppercase; }
html body .atlas .panel-satir b { font-size: 13px; }
html body .atlas .panel-satir small { font-size: 12px; }

html body .harita-baslik { top: var(--sm-pay); left: calc(var(--sm-pay) + 2px); padding: 10px 14px 10px; border-left: 2px solid var(--sm-altin); pointer-events: none; }
html body .harita-baslik small { font: 600 12px var(--f-arayuz); letter-spacing: .18em; color: var(--sm-altin); }
html body .harita-baslik b { font: 600 14px/1.25 var(--f-baslik); color: #fff; margin-top: 4px; }
html body .harita-baslik span { font: 500 12px var(--f-arayuz); color: var(--sm-soluk); margin-top: 5px; font-variant-numeric: tabular-nums; }
html body .harita-baslik span b { display: inline; font: 700 12px var(--f-arayuz); color: var(--sm-altin); margin: 0; }
html body .harita-sag { top: var(--sm-pay); right: var(--sm-pay); width: min(310px, calc(100% - 44px)); gap: 8px; }
html body .harita-ara { border-radius: var(--sm-r); overflow: visible; }
html body .harita-ara input { font-size: 13px; padding: 9px 12px; color: var(--sm-yazi); }
html body .harita-ara input::placeholder { color: #84b3af; }
html body .harita-ara > button { width: 38px; background: transparent; border-left: 1px solid var(--sm-cizgi); color: var(--sm-altin); border-radius: 0 var(--sm-r) var(--sm-r) 0; }
html body :is(.arac-dugmeleri > button, .ad-grup > button) { width: 34px; height: 34px; border-radius: var(--sm-r); background: var(--sm-cam); border: 1px solid var(--sm-cizgi); color: var(--sm-yazi); box-shadow: var(--sm-golge); backdrop-filter: blur(8px); }
html body :is(.arac-dugmeleri > button, .ad-grup > button):hover { background: rgba(12, 92, 101, .95); border-color: var(--sm-cizgi-g); color: #fff; }
html body .arac-dugmeleri > button[aria-pressed="true"] { background: var(--sm-altin); border-color: var(--sm-altin); color: #073a40; }
html body .arac-dugmeleri svg { width: 16px; height: 16px; }
html body .ad-menu button { font: 500 12px var(--f-arayuz); color: var(--sm-yazi); }

html body .atlas .zaman-serit { left: calc(var(--sm-pay) + 2px); bottom: calc(var(--sm-pay) + 2px); font-size: 12px; }
html body .atlas .zs-ust b { color: var(--sm-altin); }
html body .atlas .zs-cubuk i { background: rgba(178, 236, 232, .35); }
html body .atlas :is(.zs-cubuk:hover, .zs-cubuk.seciliyor, .zs-cubuk.secili) i { background: var(--sm-altin); box-shadow: none; }
html body .atlas .zs-yillar { color: var(--sm-soluk); border-top-color: var(--sm-cizgi); }
html body .koord { left: auto; right: 70px; bottom: calc(var(--sm-pay) + 2px); display: flex; gap: 12px; padding: 5px 10px; border-radius: 6px; font: 600 12px var(--f-arayuz); letter-spacing: .03em; font-variant-numeric: tabular-nums; color: var(--sm-yazi); }
html body .koord span + span { color: var(--sm-altin); padding-left: 12px; border-left: 1px solid var(--sm-cizgi); }
html body .atlas .maplibregl-ctrl-scale { display: none; }

/* MapLibre denetimleri: kare, kıl çizgisi, cam */
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-group { background: var(--sm-cam); border: 1px solid var(--sm-cizgi); border-radius: var(--sm-r); box-shadow: var(--sm-golge); overflow: hidden; backdrop-filter: blur(8px); }
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-group button { width: 32px; height: 32px; }
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-group button + button { border-top: 1px solid var(--sm-cizgi); }
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-group button .maplibregl-ctrl-icon { filter: invert(1) brightness(1.6) sepia(.3) hue-rotate(130deg); }
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-group button svg path { stroke: var(--sm-yazi); }
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-attrib { background: rgba(5, 46, 52, .7) !important; color: #8fbfbb; font-size: 12px; border-radius: 6px; }
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-ctrl-attrib a { color: #bfe2df; }

/* açılır kartlar ve ipuçları */
html body :is(.atlas, .mv-harita-kap, .sh-harita-kap) .maplibregl-popup:is(.olay-kart-pop, .ipucu-kutu) .maplibregl-popup-content { background: var(--sm-cam-koyu); border: 1px solid var(--sm-cizgi-g); border-radius: var(--sm-r); color: var(--sm-yazi); box-shadow: var(--sm-golge); }
html body .atlas .okp { border-top-color: var(--sm-altin); font-size: 13px; }
html body .atlas .okp h3 { font: 600 14px/1.25 var(--f-baslik); }
html body .atlas :is(.okp-donem, .okp-git, .okp-sayi b) { color: var(--sm-altin); }

/* zemin galerisi: yeni Seyir zemini */
.z-seyir i { background: radial-gradient(circle at 34% 46%, #e65a5f 0 3px, rgba(230, 90, 95, .3) 4px 8px, transparent 9px), radial-gradient(circle at 66% 58%, #f3cf72 0 2.5px, transparent 3.5px), linear-gradient(140deg, #155b63 0 52%, #0b4149 52%); }

/* Mavi Vatan: aynı arayüz dili */
html body .mv-lejant { top: var(--sm-pay); left: var(--sm-pay); font-size: 12px; }
html body .mv-lejant summary { font: 600 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; color: var(--sm-altin); }
html body .mv-katman-panel { top: var(--sm-pay); right: 64px; font-size: 12px; }
html body .mv-koord { left: var(--sm-pay); bottom: calc(var(--sm-pay) + 34px); display: flex; gap: 12px; padding: 5px 10px; border-radius: 6px; font: 600 12px var(--f-arayuz); font-variant-numeric: tabular-nums; }
html body .mv-koord span + span { color: var(--sm-altin); padding-left: 12px; border-left: 1px solid var(--sm-cizgi); }
html body .mv-harita-kap .maplibregl-ctrl-scale { background: var(--sm-cam); color: var(--sm-yazi); border-color: var(--sm-soluk); font: 600 12px var(--f-arayuz); }
html body .mv-altyazi { background: rgba(5, 46, 52, .72); border: 1px solid var(--sm-cizgi); border-radius: var(--sm-r); font: 500 clamp(14px, 1.3vw, 17px)/1.5 var(--f-arayuz); text-shadow: none; }
html body .mv-oynatici { border-radius: 40px; }
html body .mv-oynatici small { font-size: 12px; color: var(--sm-soluk); }

/* Şahsiyetler: siyaha yakın paneller Türk mavisine; yazı ölçüsü */
html body .sh-lejant { top: var(--sm-pay); left: var(--sm-pay); font-size: 12px; }
html body .sh-lejant summary { font: 600 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; color: var(--sm-altin); }
html body .sh-lejant-not { color: var(--sm-soluk); font-size: 12px; }
html body .sh-altyazi { background: rgba(5, 46, 52, .74); border: 1px solid var(--sm-cizgi); border-bottom: 2px solid var(--sm-altin); border-radius: var(--sm-r); font: 500 clamp(14px, 1.3vw, 17px)/1.5 var(--f-arayuz); text-shadow: none; }
html body .sh-oynatici { border-color: var(--sm-cizgi); }
html body .sh-oynatici button { border-color: var(--sm-cizgi); border-radius: 6px; font-size: 13px; }
html body .sh-oynatici button:hover { background: var(--sm-altin); border-color: var(--sm-altin); color: #073a40; }
html body .sh-sinema-kapat { border-radius: 30px; font-size: 12px; }
html body .sh-hud-yil b { font: 600 clamp(26px, 2.8vw, 36px)/1 var(--f-baslik); font-variant-numeric: lining-nums tabular-nums; }
html body .sh-kart-yil { font: 600 clamp(22px, 2.4vw, 30px)/1.05 var(--f-baslik); }
html body .sh-kart-yer { font-size: 16.5px; }
html body .sh-kart-olay { font-size: 14px; }
html body .sh-giris b { font-size: clamp(26px, 3.6vw, 44px); }
html body .mv-kart-yil { font-size: clamp(40px, 6vw, 72px); font-weight: 600; }
html body .mv-kart-baslik { font-size: clamp(14px, 1.6vw, 19px); }

/* yan sütunlar (Mavi Vatan ve Şahsiyetler metin paneli): başlık ve metin ölçüsü */
html body :is(.mv-baslik, .sh-baslik) h1 { font-size: 21px; }
html body .sh-kisi-bas h1 { font-size: 21px; }
html body .mv-metin { font-size: 14px; }
html body .mv-metin h3 { font-size: 16.5px; }
html body .mv-konular b { font-size: 14px; }
html body .mv-konular small, html body .sh-liste small { font-size: 12px; }
html body .sh-liste b { font-size: 14px; }
html body .sh-ozet { font-size: 14px; }
html body :is(.sh-grup-bas, .sh-ara-bas, .mv-ust) { font-size: 12px; letter-spacing: .16em; }
@media (max-width: 900px) { html body .koord { display: none; } }

/* ================= Bölge hafızası (4 Kasım 2026) =================
   Uzak görünümde vilâyetlerin rakam özeti; seyir masasının cam panel dilinde. */
.bh-ozet { position: absolute; z-index: 3; left: calc(var(--sm-pay, 22px) + 2px); top: 128px; width: min(360px, calc(100% - 60px)); max-height: calc(100% - 260px); overflow: auto;
  background: var(--sm-cam, rgba(7, 60, 67, .88)); color: var(--sm-yazi, #eaf7f5); border: 1px solid var(--sm-cizgi, rgba(178, 236, 232, .22)); border-left: 2px solid #c4433f;
  border-radius: var(--sm-r, 8px); box-shadow: var(--sm-golge); backdrop-filter: blur(8px); font: 400 12px/1.45 var(--f-arayuz); }
.bh-ozet[hidden] { display: none; }
.bh-ozet summary { cursor: pointer; padding: 9px 12px; font: 600 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; color: var(--sm-altin, #f3cf72); }
.bh-ozet summary small { margin-left: 6px; letter-spacing: .04em; text-transform: none; color: var(--sm-soluk, #9fc9c5); font-weight: 500; }
.bh-ozet table { width: calc(100% - 20px); margin: 0 10px 8px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.bh-ozet th, .bh-ozet td { padding: 4px 4px; text-align: right; border-bottom: 1px solid rgba(178, 236, 232, .12); white-space: nowrap; }
.bh-ozet thead th { font: 600 12px var(--f-arayuz); letter-spacing: .08em; text-transform: uppercase; color: var(--sm-soluk, #9fc9c5); white-space: normal; vertical-align: bottom; }
.bh-ozet tbody th { text-align: left; font-weight: 600; color: #fff; }
.bh-ozet tbody td:first-of-type { color: #ffb4a3; font-weight: 700; }
.bh-ozet tr.bh-dis th { color: var(--sm-soluk, #9fc9c5); font-weight: 500; }
.bh-kademe { display: flex; flex-wrap: wrap; gap: 4px 10px; padding: 0 12px 6px; font-size: 12px; color: var(--sm-soluk, #9fc9c5); }
.bh-kademe span { display: inline-flex; align-items: center; gap: 5px; }
.bh-kademe i { width: 12px; height: 10px; border-radius: 2px; border: 1px solid rgba(246, 239, 224, .5); }
.bh-kademe i.bh-cizgi { height: 4px; width: 16px; border: 0; }
.bh-ozet p { margin: 4px 12px 10px; font-size: 12px; line-height: 1.45; color: var(--sm-soluk, #9fc9c5); }
.bh-pop .maplibregl-popup-content { background: var(--sm-cam-koyu, rgba(5, 46, 52, .94)); color: var(--sm-yazi, #eaf7f5); border: 1px solid var(--sm-cizgi-g, rgba(178, 236, 232, .4)); border-top: 3px solid #c4433f; border-radius: 8px; padding: 12px 14px; box-shadow: var(--sm-golge); }
.bh-pop .maplibregl-popup-tip { border-top-color: rgba(5, 46, 52, .94); border-bottom-color: rgba(5, 46, 52, .94); }
.bh-pop .maplibregl-popup-close-button { color: var(--sm-soluk, #9fc9c5); font-size: 18px; }
.bh-kart small { font: 600 12px var(--f-arayuz); letter-spacing: .16em; text-transform: uppercase; color: var(--sm-altin, #f3cf72); }
.bh-kart h3 { margin: 3px 0 8px; font: 600 16.5px/1.2 var(--f-baslik); color: #fff; }
.bh-kart dl { margin: 0; display: grid; gap: 5px; }
.bh-kart dl div { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: baseline; border-bottom: 1px solid rgba(178, 236, 232, .12); padding-bottom: 4px; }
.bh-kart dt { font-size: 12px; color: var(--sm-soluk, #9fc9c5); }
.bh-kart dd { margin: 0; font: 700 14px var(--f-arayuz); font-variant-numeric: tabular-nums; text-align: right; color: #fff; }
.bh-kart dd small { display: block; font: 500 12px var(--f-arayuz); color: var(--sm-soluk, #9fc9c5); letter-spacing: 0; text-transform: none; }
.bh-kart dl div:first-child dd { color: #ffb4a3; }
.bh-olaylar { margin: 8px 0 0; font-size: 12px; text-transform: capitalize; }
.bh-olaylar a { color: var(--sm-altin, #f3cf72); }
.bh-not { margin: 8px 0 0; font-size: 12px; line-height: 1.4; color: var(--sm-soluk, #9fc9c5); }
@media (max-width: 900px) { .bh-ozet { top: auto; bottom: 120px; left: 10px; width: calc(100% - 20px); max-height: 40vh; } }
.bh-ozet tr.bh-toplam th, .bh-ozet tr.bh-toplam td { border-top: 1px solid rgba(243, 207, 114, .45); color: var(--sm-altin, #f3cf72); font-weight: 700; }
.bh-ozet .bh-ara { margin: 2px 12px 8px; font-size: 12px; color: var(--sm-yazi, #eaf7f5); }
.bh-ozet .bh-ara b { color: var(--sm-altin, #f3cf72); }
.bh-ozet tbody td:last-of-type { color: #bfeeee; }

/* Bölge hafızası: Balkan kartında muhacir listesi */
.bh-muhacir { margin-top: .7rem; padding-top: .6rem; border-top: 1px solid rgba(143,26,37,.25); }
.bh-muhacir h4 { margin: 0 0 .25rem; font-size: .95rem; color: #8f1a25; }
.bh-muhacir p { margin: 0 0 .35rem; font-size: .85rem; }
.bh-muhacir ol { margin: 0 0 .35rem; padding: 0; list-style: none; columns: 2; column-gap: 1rem; font-size: .84rem; }
.bh-muhacir li { display: flex; justify-content: space-between; gap: .5rem; break-inside: avoid; padding: .1rem 0; border-bottom: 1px dotted rgba(46,70,76,.3); }
.bh-muhacir small { display: block; font-size: .76rem; opacity: .8; text-transform: none; letter-spacing: 0; }

/* Bölge Hafızası aracı: özet artık harita üstünde değil, sol paneldedir */
.bh-ozet.bh-panel { position: static; width: auto; max-height: none; overflow: visible; background: none; border: 0; box-shadow: none; backdrop-filter: none; padding: 0; }
.bh-panel .bh-kademe { padding: 0 0 10px; }
.bh-panel table { width: 100%; margin: 0 0 8px; }
.bh-panel p { margin: 8px 0; }
.bh-panel .bh-ara { margin: 6px 0 10px; line-height: 1.6; }
.bh-panel .katman-satir { margin: 4px 0 10px; }
.bh-panel table { table-layout: fixed; font-size: 12px; }
.bh-panel th, .bh-panel td { padding: 4px 2px; }
.bh-panel tbody th { white-space: normal; line-height: 1.25; width: 46%; }
.bh-panel thead th { font-size: 12px; letter-spacing: .04em; }

/* atlas tam ekran: bütün atlas (sol çubuk, panel, harita ve üstündeki araçlar) ekranı doldurur */
.atlas:fullscreen { width: 100vw; height: 100vh; }
.atlas:fullscreen .harita-alan, .atlas:fullscreen .atlas-panel { height: 100vh; }

/* ===== Sunum öncesi ince ayar (5 Kasım 2026) =====
   Üst menü: bölüm adları biraz küçüldü ve bant boyunca eşit aralıkla yayıldı (geniş ekranda sola yığılmasın).
   Giriş ekranı dışındaki sayfalarda okuma metinleri ve sayfa başlıkları bir kademe küçüldü. */
@media (min-width: 981px) {
  body .ust-menu .ana-menu { flex: 1; justify-content: space-between; }
  body .ust-menu .ana-menu > a, body .ust-menu .menu-grup > button { font-size: 14px; font-weight: 500; letter-spacing: .01em; padding: 0 10px; }
  body .ust-menu .ana-menu > a:first-child { padding-left: 0; }
  body .ust-menu .ana-menu > :last-child > a, body .ust-menu .ana-menu > a:last-child { padding-right: 0; }
}
body:not([data-sayfa="anasayfa"]) .sayfa-bant h1 { font-size: clamp(22px, 2.3vw, 25.5px); }
body:not([data-sayfa="anasayfa"]) .bant-ozet { font-size: 14px; }
body:not([data-sayfa="anasayfa"]) .olay-meta span { font-size: 14px; }
body:not([data-sayfa="anasayfa"]) .olay-etiket .donem-cip { font-size: 14px; }
body:not([data-sayfa="anasayfa"]) .makale p, body:not([data-sayfa="anasayfa"]) .makale li:not(.dipnotlar li),
body:not([data-sayfa="anasayfa"]) .blok-paragraf p, body:not([data-sayfa="anasayfa"]) .blok-paragraf li { font-size: 16.5px; line-height: 1.72; }
body:not([data-sayfa="anasayfa"]) .makale blockquote, body:not([data-sayfa="anasayfa"]) .blok-paragraf blockquote { font-size: 16.5px; }
body:not([data-sayfa="anasayfa"]) .dipnotlar ol li { font-size: 14px; }
body:not([data-sayfa="anasayfa"]) .dipnotlar .sayfa-kaynakca li { font-size: 14px; }

/* ===== Atlas: araştırmacı araçları (11 Kasım 2026): liste özeti, sıralama, tablo dökümü, künye, atıf ===== */
.panel-ozet { padding: 10px 18px 12px; border-bottom: 1px solid var(--cizgi); }
.panel-ozet p { margin: 0 0 8px; font-size: 13px; line-height: 1.5; color: inherit; opacity: .86; }
.panel-ozet p b { font-variant-numeric: tabular-nums; }
.panel-arac { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; }
.panel-arac label { display: flex; align-items: center; gap: 6px; opacity: .86; }
.panel-arac select { font: inherit; padding: 3px 6px; border-radius: 4px; border: 1px solid var(--cizgi-koyu); background: transparent; color: inherit; }
.panel-arac select option { color: #16323a; background: #f6f2ea; }
.metin-dugme { border: 0; background: none; padding: 0; font: inherit; font-size: 13px; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; opacity: .9; }
.metin-dugme:hover { opacity: 1; }
.panel-satir .satir-kayip { margin-left: auto; padding-left: 8px; font-style: normal; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; opacity: .9; }
.panel-grup.duz { padding-top: 4px; }
.detay-ust { display: flex; align-items: center; justify-content: space-between; padding-right: 14px; }
.detay-gezin { display: flex; align-items: center; gap: 6px; font-size: 13px; font-variant-numeric: tabular-nums; opacity: .9; }
.detay-gezin button { width: 26px; height: 26px; border-radius: 4px; border: 1px solid var(--cizgi-koyu); background: none; color: inherit; cursor: pointer; font-size: 14px; line-height: 1; }
.detay-gezin button:disabled { opacity: .35; cursor: default; }
.detay-kunye .rakamli, .rakamli { font-variant-numeric: tabular-nums; }
.detay-kunye dd .soluk { font-size: 13px; }
.detay-atif { margin: 16px 0 4px; padding: 10px 12px; border: 1px solid var(--cizgi); border-left: 3px solid var(--r, var(--ana)); border-radius: 0 4px 4px 0; }
.detay-atif > span { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; opacity: .7; margin-bottom: 4px; }
.detay-atif p { margin: 0 0 6px !important; font-size: 13px !important; line-height: 1.5 !important; user-select: all; }
.bilgi-metin h4 { margin: 16px 0 4px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; opacity: .72; }
.detay-kunye dd .soluk, .detay-atif .soluk { color: inherit; opacity: .72; }

/* ===== Tipografi denetimi (11 Kasım 2026) =====
   Ölçek: etiket 11,5–12 · arayüz 13–14 · okuma 16,5 · bölüm başlığı 20 · sayfa başlığı 24–28.
   1) Sayfa başlığı, sayfa içindeki bölüm başlıklarından küçük kalıyordu; sıra düzeltildi.
   2) Okuma metni 15,75 px ve 760 px genişlikteydi (satırda yaklaşık 115 harf); 16,5 px ve en çok 700 px oldu.
   3) 10–11,5 px yazılar en az 11,5–12 px'e çıkarıldı. */
body:not([data-sayfa="anasayfa"]) .sayfa-bant h1 { font-size: clamp(24px, 2.4vw, 28px); }
body .sayfa-govde h2 { font-size: clamp(19px, 1.7vw, 21px); }
article.makale > p, article.makale > ul, article.makale > ol, article.makale > blockquote, article.makale > h2, article.makale > h3,
.blok-paragraf > p, .blok > h2, .blok > h3 { max-width: 700px; }
article.makale > p, article.makale > ul li, article.makale > ol li, .blok-paragraf > p { font-size: 16.5px; line-height: 1.68; }
article.makale blockquote cite { font-size: 13px; }
article.makale figcaption small, .belge-kart .belge-tur, a.rb-kart > small { font-size: 12px; }
.etiket-ttk { font-size: 12px; }
.salon-sira, a.sy-kart > .sy-alan, .hb-ic .hb-ust, details.sh-lejant > summary, details.mv-lejant > summary, .sh-lejant-not { font-size: 12px; }
.sh-yan h2 { font-size: 12px; }
html body article.makale > p, html body article.makale > ul li, html body article.makale > ol li, html body .blok-paragraf > p { font-size: 16.5px; line-height: 1.68; }
body:not([data-sayfa="anasayfa"]) article.makale > p, body:not([data-sayfa="anasayfa"]) article.makale > ul li, body:not([data-sayfa="anasayfa"]) article.makale > ol li, body:not([data-sayfa="anasayfa"]) .blok-paragraf > p { font-size: 16.5px; line-height: 1.68; }
article.makale > p, article.makale > ul, article.makale > ol, article.makale > blockquote, .blok-paragraf > p { max-width: 680px; }
/* işaret büyüklüğü seçimi ve orantılı ölçek lejantı */
.kk-olcek { display: grid; gap: 4px; margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--cizgi); font-size: 13px; }
.kk-olcek > span { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; opacity: .72; }
.kk-olcek label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.lj-oran { display: flex; align-items: flex-end; gap: 14px; margin: 6px 0 8px; flex-wrap: wrap; }
.lj-oran span { display: grid; justify-items: center; gap: 2px; }
.lj-oran small { font-size: 12px; font-variant-numeric: tabular-nums; opacity: .85; }
/* Olay sayfası sütunları (11 Kasım 2026): okuma sütunu 700 px'e sabitlendi (satırda ~78 harf); paragraflar sütunu doldurur,
   arta kalan genişlik künye, rakam kutusu ve küçük haritanın bulunduğu yan sütuna verilir. Böylece metinle yan sütun arasında boşluk kalmaz. */
@media (min-width: 1100px) {
  body .olay-duzen { grid-template-columns: minmax(0, 700px) minmax(320px, 1fr); gap: 64px; }
  body .olay-duzen article.makale { max-width: 700px; }
  body:not([data-sayfa="anasayfa"]) .olay-duzen article.makale > p, body .olay-duzen article.makale > ul, body .olay-duzen article.makale > ol, body .olay-duzen article.makale > blockquote { max-width: none; }
}

/* ---------- Zulüm ve Tahribat kesimi (12 Kasım 2026) ---------- */
.harita-kesim { display: flex; width: 100%; padding: 3px; gap: 3px; background: rgba(7, 31, 39, .9); border: 1px solid rgba(79, 209, 217, .35); border-radius: 3px; backdrop-filter: blur(6px); }
.harita-kesim button { flex: 1; border: 0; background: none; color: #bfe0e2; font: 600 13px var(--f-arayuz); padding: 8px 6px; border-radius: 2px; cursor: pointer; transition: background .15s, color .15s; }
.harita-kesim button:hover { color: #fff; background: rgba(0, 163, 173, .16); }
.harita-kesim button[aria-selected="true"] { background: var(--ikinci); color: #fff; }
.harita-kesim button[data-kesim="tahribat"][aria-selected="true"] { background: #b8611f; }
.tahribat-panel { width: 100%; max-height: calc(100vh - 225px); min-height: 300px; display: flex; flex-direction: column; background: rgba(7, 31, 39, .93); border: 1px solid rgba(224, 129, 42, .4); border-top: 3px solid #e0812a; border-radius: 3px; backdrop-filter: blur(6px); color: #e8f6f6; box-shadow: 0 12px 28px rgba(0, 0, 0, .3); }
.tahribat-panel[hidden] { display: none; }
.tp-ust { display: flex; justify-content: space-between; align-items: flex-start; padding: 12px 14px 4px; }
.tp-ust small { font: 600 12px var(--f-arayuz); letter-spacing: .14em; text-transform: uppercase; color: #f2b071; }
.tp-ust h2 { margin: 2px 0 0; font: 600 21px/1.2 var(--f-baslik); color: #fff3e2; }
.tp-kapat { border: 0; background: none; color: #bfe0e2; font-size: 21px; line-height: 1; cursor: pointer; padding: 2px 4px; }
.tp-kapat:hover { color: #fff; }
.tp-aciklama { margin: 2px 14px 8px; font-size: 12px; line-height: 1.45; color: #b9d3d5; }
.tp-ara { margin: 0 14px 10px; padding: 8px 10px; border: 1px solid rgba(79, 209, 217, .3); background: rgba(0, 0, 0, .18); color: #e8f6f6; border-radius: 2px; font-size: 13px; outline: none; }
.tp-ara:focus { border-color: #e0812a; }
.tp-cipler { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 14px 10px; }
.tp-cipler button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); color: #d8eaeb; font: 500 12px var(--f-arayuz); padding: 4px 9px; border-radius: 13px; cursor: pointer; }
.tp-cipler button i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.tp-cipler button span { color: #8fb7bb; font-variant-numeric: tabular-nums; }
.tp-cipler button[aria-pressed="false"] { opacity: .42; }
.tp-cipler button[aria-pressed="false"] i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--c); }
.tp-say { margin: 0; padding: 7px 14px; font-size: 12px; color: #a9c6c8; border-top: 1px solid rgba(79, 209, 217, .15); border-bottom: 1px solid rgba(79, 209, 217, .15); }
.tp-say b { color: #fff3e2; font-size: 13px; }
.tp-liste { list-style: none; margin: 0; padding: 4px 0; overflow-y: auto; flex: 1 1 auto; min-height: 180px; overscroll-behavior: contain; }
.tp-liste button { display: flex; gap: 10px; align-items: center; width: 100%; padding: 6px 14px; border: 0; background: none; text-align: left; color: #e8f6f6; cursor: pointer; }
.tp-liste button:hover { background: rgba(224, 129, 42, .14); }
.tp-liste i { flex: none; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255, 246, 228, .6); }
.tp-liste i.tanikli { box-shadow: 0 0 0 2px #fff; }
.tp-liste b { display: block; font-size: 13px; font-weight: 600; }
.tp-liste small { display: block; font-size: 12px; color: #8fb7bb; }
.tp-bos { padding: 12px 14px; font-size: 13px; color: #8fb7bb; }
.atlas.kesim-tahribat .zaman-serit { display: none; }
.okp.tkp { border-top-color: var(--r); }
.okp.tkp .okp-donem { color: #f2b071; }
.tkp-cipler { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 4px; }
.tkp-cipler span { font: 600 12px var(--f-arayuz); padding: 2px 8px; border-radius: 10px; background: color-mix(in srgb, var(--c) 26%, transparent); border: 1px solid var(--c); color: #fff3e2; }
.tkp-dip { display: block; margin-top: 8px; font-size: 12px; color: #9fc0c2; font-style: italic; }
/* karşı tarafın (Yunanlı asker ve Rum tanıkların) anlatısı */
.karsi-tanik { margin: 12px 0; padding: 10px 13px 11px; border-left: 3px solid #e0812a; background: rgba(224, 129, 42, .1); border-radius: 0 3px 3px 0; }
.karsi-tanik h3 { margin: 0 0 4px; font: 700 12px var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: #c86a1c; }
.atlas .karsi-tanik h3, .okp .karsi-tanik h3 { color: #f2b071; }
.karsi-tanik p { margin: 0; font: 14px/1.55 var(--f-metin); }
article.makale .karsi-tanik { margin: 28px 0; padding: 16px 20px; }
article.makale .karsi-tanik p { font-size: 16.5px; }
@media (max-width: 900px) { .tahribat-panel { max-height: 46vh; } }

/* Zulüm ve Tahribat paneli: başlık tek tıkla paneli küçültür ya da açar */
.tahribat-panel .tp-ust { width: 100%; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; align-items: center; font: inherit; }
.tahribat-panel .tp-ust:hover .tp-baslik { color: #ffd9b0; }
.tahribat-panel .tp-ust > span { display: flex; flex-direction: column; }
.tp-baslik { margin: 2px 0 0; font: 600 21px/1.2 var(--f-baslik); color: #fff3e2; }
.tp-ozet { font: normal 500 13px var(--f-arayuz); color: #b9d3d5; margin-top: 2px; }
.tp-ok { font-style: normal; font-size: 14px; color: #f2b071; padding: 4px 2px; }
.tp-govde { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.tahribat-panel.kucuk { min-height: 0; max-height: none; }
.tahribat-panel.kucuk .tp-ust { padding-bottom: 12px; }
.tahribat-panel.kucuk .tp-baslik { font-size: 18px; }

/* harita başlığı: küçük, tek satır (başlık ve sayaç yan yana) */
html body .harita-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 1px 10px; padding: 6px 11px 7px; max-width: min(460px, calc(100% - 372px)); }
html body .harita-baslik > b { font: 600 13px/1.3 var(--f-baslik); margin: 0; color: #f2c46b; }
html body .harita-baslik span { margin: 0; white-space: nowrap; font-size: 12px; }

/* sol araç sütunu: adlar sığsın (geniş sütun, normal harf, gerekirse iki satır); olay paneli sağ kenarındaki
   tutamakla genişletilip daraltılabilir (genişlik --panel-g değişkeninde, tarayıcıda hatırlanır) */
@media (min-width: 901px) {
  html body .atlas { grid-template-columns: 78px var(--panel-g, 350px) minmax(0, 1fr); }
  html body .atlas.panel-gizli { grid-template-columns: 78px 0 minmax(0, 1fr); }
  html body .atlas.surukleniyor { transition: none; user-select: none; cursor: col-resize; }
  html body .atlas-ray button { text-transform: none; letter-spacing: .01em; font: 600 12px/1.15 var(--f-arayuz); padding: 10px 4px 9px; }
  html body .atlas-ray button span { display: block; max-width: 100%; text-align: center; overflow-wrap: anywhere; hyphens: auto; }
  .atlas-panel { position: relative; }
  .panel-tutamak { position: absolute; top: 0; right: -3px; bottom: 0; width: 8px; cursor: col-resize; z-index: 6; }
  .panel-tutamak::after { content: ""; position: absolute; top: 50%; left: 2px; width: 4px; height: 44px; margin-top: -22px; border-radius: 2px; background: rgba(178, 236, 232, .28); transition: background .15s, height .15s; }
  .panel-tutamak:hover::after, .atlas.surukleniyor .panel-tutamak::after { background: var(--sm-altin, #f3cf72); height: 64px; margin-top: -32px; }
}
/* panel genişletilip harita daralınca başlık kutusu arama kutusunun altına sıkışmasın */
html body .harita-alan { container-type: inline-size; }
@container (max-width: 520px) { html body .harita-baslik { display: none; } }