/* ==========================================================================
   AV. OĞUZHAN ÖZTÜRK HUKUK BÜROSU — Sentez CSS (styles.css)
   Ortak tasarım sistemi, prototipler ve Ayboğa tarzı Q&A makale yerleşimleri.
   ========================================================================== */

/* ===== 1. TASARIM JETONLARI (DESIGN TOKENS) ===== */
:root {
  --color-parchment: #fefefc;      /* Ana arka plan (Beyazımsı bej) */
  --color-ink: #1e3a5f;            /* Vurgulu CTA buton zemini (Mavi) */
  --color-graphite: #1c2e4a;       /* Derin lacivert (Ana metin, kenarlıklar, koyu bantlar) */
  --color-bronze: #a27f4e;         /* Tek hover aksanı — açık ve koyu zeminde dengeli kontrast, her yerde aynı (2026-10-30) */
  --color-smoke: #5c6878;          /* Slate gri (İkincil metinler, etiketler) */
  --color-iron: #33415a;           /* Gövde metin rengi (Koyu kömür mavisi) */
  --color-verdigris-wash: #f8f6f1;  /* Hafif sıcak bej (Kart ve hover dolguları) */
  --color-slate-mist: #e3d6b9;      /* Orta ton bej */
  --color-pewter-haze: #9aa3ad;     /* Koyu zeminde yardımcı metinler */
  --color-sage-2: #d8c9a8;          /* Koyu bej — koyu zeminde (hero) hover rengi */
  --color-whatsapp: #25d366;        /* WhatsApp marka rengi */
  --color-whatsapp-deep: #1da851;   /* WhatsApp hover rengi */
  --color-urgent: #9c3b26;          /* Süre aciliyet vurgusu (hesaplayıcı sonucu) */
  --color-urgent-wash: #f4e3dc;     /* Aciliyet sonuç kutusu zemini */
  --color-warning: #e6c84a;         /* Süre uyarısı kutusu kenarlığı */
  --color-warning-wash: #fff8e7;    /* Süre uyarısı kutusu zemini */

  --font-display: 'Spectral', Georgia, serif;
  --font-body: 'Figtree', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  
  --space-section-py: 48px;      /* Dikey bölüm boşlukları */
  --space-hero-pt: 64px;
  --space-hero-pb: 56px;
  --space-hero-sub-py: 64px;
  --space-unit-sm: 12px;
  --space-unit-md: 20px;
  --space-unit-lg: 24px;
  --space-gap-grid: 48px;
  --space-gap-wide: 56px;
  --space-gap-footer: 40px;
  
  --radius-sm: 2px;
  --radius-lg: 8px;
  
  --shadow-sm: 0 1px 3px rgba(28,46,74,.08);
  --shadow-md: 0 6px 20px rgba(28,46,74,.14);
}

/* ===== 2. TEMEL SIFIRLAMA & GENEL (RESET & BASE) ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--color-graphite);
  background: var(--color-parchment);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
p { text-align: left; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 48px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.hidden { display: none !important; }
section[id], article[id], h2[id] { scroll-margin-top: 88px; }

/* Erişilebilirlik için "İçeriğe Atla" Linki */
.skip-link {
  position: absolute;
  top: -48px;
  left: 8px;
  z-index: 500;
  background: var(--color-graphite);
  color: var(--color-parchment);
  padding: 10px 16px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 600;
  transition: top .2s;
}
.skip-link:focus { top: 8px; }

/* Okuma İlerleme Çubuğu */
.reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background: var(--color-graphite);
  z-index: 500;
  transition: width .1s linear;
}

/* ===== 3. ORTAK BİLEŞENLER & DÜZEN (COMMON COMPONENTS) ===== */

/* Üst Başlık Etiketleri (Eyebrows) */
.label, .section-label {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--color-smoke);
  margin-bottom: var(--space-unit-sm);
}
.label a { color: var(--color-graphite); font-size: 11.5px; font-weight: 600; transition: opacity .2s; }
.label a:hover { opacity: .65; text-decoration: underline; }

/* Bölüm Başlıkları */
.sec-title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.25;
  color: var(--color-graphite);
  max-width: 760px;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}
.section-footer { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 12px; margin-top: var(--space-unit-lg); }

/* Butonlar */
.btn-ghost, .btn-cta-outline, .btn-tel-dark {
  padding: 10px 24px;
  border: 1px solid var(--color-graphite);
  background: transparent;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--color-graphite);
  cursor: pointer;
  transition: background .2s, color .2s;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  text-decoration: none;
  white-space: nowrap;
  gap: 8px;
}
.btn-ghost:hover, .btn-cta-outline:hover, .btn-tel-dark:hover { background: var(--color-graphite); color: var(--color-parchment); }

.btn-dark, .btn-directions {
  padding: 10px 24px;
  background: var(--color-ink);
  color: var(--color-parchment);
  border: 1px solid var(--color-ink);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: opacity .2s;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  white-space: nowrap;
}
.btn-dark:hover, .btn-directions:hover { opacity: .85; }

/* WhatsApp Butonları — WhatsApp marka rengi (yeşil), tek tip metin */
.btn-wa, .btn-whatsapp-cta, .whatsapp-pill {
  padding: 10px 24px;
  background: var(--color-whatsapp-deep);
  border: 1px solid var(--color-whatsapp-deep);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: opacity .2s, background .2s;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: var(--radius-sm);
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}
.btn-wa svg, .whatsapp-pill svg { color: #fff; flex-shrink: 0; }
.btn-wa:hover, .btn-whatsapp-cta:hover, .whatsapp-pill:hover { filter: brightness(.9); opacity: 1; }
.btn-wa.sm { padding: 8px 18px; font-size: 12px; min-height: 38px; }

.btn-wa:focus-visible, .btn-dark:focus-visible, .btn-ghost:focus-visible, .btn-cta-outline:focus-visible, .btn-tel-dark:focus-visible {
  outline: 2px solid var(--color-graphite);
  outline-offset: 2px;
}

/* Çerez Bandı — tam genişlik alt bant (kart yerine ince şerit; içeriğin üstüne binmez) */
.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  background: var(--color-parchment);
  border: 1px solid var(--color-graphite);
  border-width: 1px 0 0 0;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  z-index: 300;
  padding: 14px 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 24px;
  transition: opacity .3s, transform .3s;
}
.cookie p { flex: 1 1 420px; font-size: 12px; color: var(--color-smoke); line-height: 1.5; margin: 0; }
.cookie p a { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; }
.cookie-btns { display: flex; gap: 8px; flex-shrink: 0; }
.cookie-btns .btn-ghost, .cookie-btns .btn-dark { padding: 8px 16px; font-size: 11px; min-height: 36px; white-space: nowrap; }


/* ===== 4. HEADER & GEZİNTİ (HEADER & NAVIGATION) ===== */
header { position: sticky; top: 0; background: var(--color-parchment); border-bottom: 1px solid var(--color-graphite); z-index: 200; }
header.is-scrolled { box-shadow: var(--shadow-sm); }
.header-inner { display: flex; align-items: center; justify-content: flex-start; gap: 32px; height: 72px; max-width: 1200px; margin: 0 auto; padding: 0 48px; }
.logo-img { height: 44px; width: auto; display: block; object-fit: contain; }
nav { display: flex; align-items: center; gap: 20px; margin-left: auto; }
nav a { font-size: 16px; font-weight: 500; letter-spacing: -0.01em; color: var(--color-graphite); opacity: .75; transition: opacity .2s; white-space: nowrap; }
nav a:hover, nav a.active { opacity: 1; color: var(--color-bronze); }
.header-right { display: flex; align-items: center; gap: 14px; }
.search-btn { background: none; border: none; cursor: pointer; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; color: var(--color-graphite); opacity: .7; }
.search-btn:hover { opacity: 1; }
.hamburger { display: none; background: none; border: none; cursor: pointer; padding: 8px; flex-direction: column; gap: 5px; min-height: 48px; min-width: 48px; align-items: center; justify-content: center; z-index: 201; position: relative; }
.hamburger span { display: block; width: 22px; height: 1.5px; background: var(--color-graphite); transition: transform .3s ease, opacity .3s ease; transform-origin: center; }

/* Faaliyet Alanları açılır menüsü (mega-menü) */
.nav-item { position: relative; display: flex; align-items: center; gap: 2px; }
.nav-caret { background: none; border: none; cursor: pointer; padding: 4px; display: flex; align-items: center; color: var(--color-graphite); opacity: .65; }
.nav-caret:hover { opacity: 1; color: var(--color-bronze); }
.nav-caret svg { transition: transform .2s ease; }
.nav-item.has-dropdown:hover .nav-caret svg, .nav-item.open .nav-caret svg { transform: rotate(180deg); }
.nav-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  min-width: 300px;
  background: var(--color-parchment);
  border: 1px solid var(--color-graphite);
  box-shadow: var(--shadow-sm);
  padding: 14px 0 8px;
  list-style: none;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-6px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 210;
}
.nav-item.has-dropdown:hover .nav-dropdown,
.nav-item.has-dropdown:focus-within .nav-dropdown,
.nav-item.open .nav-dropdown { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.nav-dropdown li { border-bottom: 1px solid rgba(28,46,74,.08); }
.nav-dropdown li:last-child { border-bottom: none; }
.nav-dropdown a { display: block; padding: 10px 20px; font-size: 13.5px; font-weight: 500; color: var(--color-graphite); opacity: .85; text-decoration: none; white-space: nowrap; }
.nav-dropdown a:hover { opacity: 1; background: var(--color-verdigris-wash); color: var(--color-bronze); }

.nav-dropdown-item { position: relative; }
.nav-dropdown-item > a { padding-right: 34px; position: relative; }
.nav-dropdown-item > a::after { content: ''; position: absolute; right: 18px; top: 50%; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-top: 1.5px solid currentColor; opacity: .5; transform: translateY(-50%) rotate(45deg); }
.nav-subdropdown {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 280px;
  background: var(--color-parchment);
  border: 1px solid var(--color-graphite);
  box-shadow: var(--shadow-sm);
  padding: 8px 0;
  list-style: none;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-6px);
  transition: opacity .15s ease, transform .15s ease;
  z-index: 211;
}
.nav-dropdown-item:hover > .nav-subdropdown,
.nav-dropdown-item:focus-within > .nav-subdropdown,
.nav-dropdown-item.open > .nav-subdropdown { opacity: 1; pointer-events: auto; transform: translateX(0); }
@media (min-width: 901px) and (max-width: 1300px) {
  .nav-subdropdown { min-width: 0; width: 300px; }
  .nav-subdropdown a { white-space: normal; }
}
.nav-subdropdown li { border-bottom: 1px solid rgba(28,46,74,.08); }
.nav-subdropdown li:last-child { border-bottom: none; }
.nav-subdropdown a { display: block; padding: 9px 18px; font-size: 13px; font-weight: 500; color: var(--color-graphite); opacity: .85; text-decoration: none; white-space: nowrap; }
.nav-subdropdown a:hover { opacity: 1; background: var(--color-verdigris-wash); color: var(--color-bronze); }

/* ===== 5. BREADCRUMB (Kırıntı Navigasyon) ===== */

/* ===== 6. YENİ YARDIMCI BİLEŞENLER (HELPERS) ===== */

/* Kategoriler / Filtreler için Çip yapısı */
.chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 13px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-iron);
  background: transparent;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
  min-height: 36px;
  text-decoration: none;
  white-space: nowrap;
}
.chip:hover { color: var(--color-graphite); border-color: rgba(28,46,74,.18); background: var(--color-verdigris-wash); }
.chip.active { background: var(--color-graphite); color: var(--color-parchment); border-color: var(--color-graphite); font-weight: 600; }
.chip-count { font-size: 11px; color: var(--color-pewter-haze); }
.chip.active .chip-count { color: rgba(248,243,231,.62); }
.chip-row { display: flex; flex-wrap: wrap; gap: 4px; }

/* Alan Filtre Izgarası — 9 alan eşit ağırlıkta, kısaltmasız, aynı boyutta çerçeve (uz-grid ile aynı desen) */
.alan-filter-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--color-graphite); border-left: 1px solid var(--color-graphite); }
.alan-filter-cell {
  background: var(--color-parchment);
  padding: 18px 14px;
  border-right: 1px solid var(--color-graphite);
  border-bottom: 1px solid var(--color-graphite);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  text-decoration: none;
  color: var(--color-graphite);
  transition: background .2s, color .2s;
  min-height: 128px;
}
.alan-filter-cell:hover { background: var(--color-verdigris-wash); }
.alan-filter-cell.active { background: var(--color-graphite); color: var(--color-parchment); }
.alan-filter-cell.is-empty { opacity: .45; }
.alan-filter-icon { width: 26px; height: 26px; color: var(--color-graphite); flex-shrink: 0; }
.alan-filter-cell.active .alan-filter-icon { color: var(--color-parchment); }
.alan-filter-label { font-size: 12px; font-weight: 600; line-height: 1.35; max-width: 140px; }
.alan-filter-count { font-size: 10.5px; color: var(--color-smoke); }
.alan-filter-cell.active .alan-filter-count { color: rgba(248,243,231,.62); }
@media (max-width: 1100px) { .alan-filter-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .alan-filter-grid { grid-template-columns: repeat(2, 1fr); } }

/* Süre veya aciliyet rozetleri */
.badge-sure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--color-slate-mist);
  color: var(--color-graphite);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: var(--radius-sm);
}

/* Makale Özet Kutusu (TL;DR) */
.summary-box {
  background: var(--color-verdigris-wash);
  border-radius: var(--radius-lg);
  padding: 22px 26px;
  margin: 0 0 32px;
}
.summary-box .label { margin-bottom: 8px; }
.summary-box p { font-size: 15.5px; line-height: 1.75; color: var(--color-iron); }

/* Makale/Sayfa Künye Şeridi */
.meta-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  font-size: 12.5px;
  color: var(--color-smoke);
  padding: 14px 0;
  border-top: 1px solid var(--color-graphite);
  border-bottom: 1px solid var(--color-graphite);
  margin-bottom: 24px;
}
.meta-strip strong { color: var(--color-graphite); font-weight: 600; }
.meta-strip a { text-decoration: underline; text-underline-offset: 2px; }

/* Sayfalama */
.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 48px; }
.page-num {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-graphite);
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 500;
  color: var(--color-graphite);
}
.page-num:hover { background: var(--color-verdigris-wash); }
.page-num.current { background: var(--color-graphite); color: var(--color-parchment); }
.page-num.disabled { opacity: .35; pointer-events: none; }

/* ===== 7. KART DÜZENLERİ (GRIDS & CARDS) ===== */
.mak-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-unit-lg); }
.mak-grid.compact { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-unit-lg); }
.mak-cat { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); margin-bottom: 12px; display: inline-block; }
.mak-title { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.35; color: var(--color-graphite); margin-bottom: 14px; }
.mak-title.sm { font-size: 17px; }
.mak-excerpt { font-size: 14px; color: var(--color-smoke); line-height: 1.7; margin-bottom: 18px; }
.mak-date { font-size: 12px; color: var(--color-smoke); margin-bottom: 8px; display: block; }
.mak-card {
  display: block;
  color: inherit;
  text-decoration: none;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-graphite);
  cursor: pointer;
  transition: opacity .2s;
}
.mak-card:hover { opacity: .78; }
.mak-card:hover .mak-title::after, .mak-card:hover .mak-title.sm::after { content: " →"; }

/* ===== 8. KOYU BÖLÜM VE BÜLTEN (MISSION & NEWSLETTER) ===== */
.mission, .cta-sec { padding: var(--space-section-py) 0; background: var(--color-graphite); color: var(--color-parchment); }
.mission-inner { max-width: 640px; }
.mission-text {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(22px,3vw,32px);
  line-height: 1.2;
  color: var(--color-parchment);
  margin-bottom: var(--space-unit-lg);
  letter-spacing: -0.01em;
}
.mission .label { color: #b9c1ca; margin-bottom: var(--space-unit-md); }
.mission p.mission-sub { font-size: 14.5px; color: rgba(248,243,231,.72); max-width: 520px; line-height: 1.75; margin-bottom: var(--space-unit-lg); }
.mission .ctas { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* ===== 9. DETAYLI ARAMA EKRANI (SEARCH OVERLAY) ===== */
.search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10,10,10,0.97);
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.search-overlay.open { opacity: 1; pointer-events: auto; }
.search-close {
  position: absolute;
  top: 20px;
  right: 36px;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  color: var(--color-parchment);
  font-size: 32px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity .2s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-close:hover { opacity: 1; }
.search-overlay-content { width: 100%; max-width: 720px; padding: 0 24px; text-align: center; }
.search-overlay-content input[type="search"] {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(248,243,231,.25);
  padding: 16px 0;
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(20px, 3.5vw, 36px);
  color: var(--color-parchment);
  outline: none;
  text-align: center;
  transition: border-color .3s;
}
.search-overlay-content input[type="search"]:focus { border-color: var(--color-parchment); }
.search-results { margin-top: 40px; text-align: left; max-height: 50vh; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; }
.search-result-item { display: block; color: var(--color-parchment); text-decoration: none; padding-bottom: 16px; border-bottom: 1px solid rgba(248,243,231,.1); transition: opacity .2s; }
.search-result-item:hover { opacity: 0.7; }
.search-result-item h3 { font-family: var(--font-display); font-weight: 400; font-size: 18px; margin-bottom: 6px; color: var(--color-parchment); }
.search-result-item p { font-size: 13px; color: rgba(248,243,231,0.72); line-height: 1.6; }
.search-result-cat { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-pewter-haze); margin-bottom: 4px; }
.search-no-result { color: rgba(248,243,231,.65); font-size: 14px; padding: 10px 0; }

/* ===== 10. UZMANLIK ALANLARI GRID & KEŞİF (SPECIALTY EXPLORER) ===== */
.uz-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--color-graphite); border-left: 1px solid var(--color-graphite); }
.uz-cell {
  background: var(--color-parchment);
  padding: 18px 14px;
  border-right: 1px solid var(--color-graphite);
  border-bottom: 1px solid var(--color-graphite);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  transition: background .2s;
  min-height: 128px;
  height: 100%;
}
.uz-cell:hover { background: var(--color-verdigris-wash); }
.uz-cell.uz-cell-more { background: var(--color-verdigris-wash); }
.uz-cell-icon { width: 26px; height: 26px; color: var(--color-graphite); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.uz-cell-label { font-size: 12px; font-weight: 600; text-align: center; line-height: 1.35; max-width: 140px; }
.uz-cell-go { font-size: 10.5px; font-weight: 600; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; margin-top: 2px; }

/* Araçlar ızgarası */
.araclar-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-unit-lg); }
.arac-card { display: flex; flex-direction: column; gap: 14px; padding: 28px; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); text-decoration: none; color: inherit; transition: background .2s; }
.arac-card:hover { background: var(--color-verdigris-wash); }
.arac-card-icon { width: 36px; height: 36px; color: var(--color-graphite); }
.arac-card h3 { font-family: var(--font-display); font-weight: 400; font-size: 20px; color: var(--color-graphite); }
.arac-card p { font-size: 14px; color: var(--color-smoke); line-height: 1.7; }
.arac-card-go { font-size: 12.5px; font-weight: 600; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; margin-top: auto; }

/* Süreç Şeffaflığı — bir idari dava nasıl işler */
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-unit-md); }
.process-step { background: var(--color-verdigris-wash); padding: 24px; border-radius: var(--radius-lg); display: flex; flex-direction: column; gap: 6px; }
.process-num { font-family: var(--font-display); font-size: 22px; color: var(--color-pewter-haze); }
.process-title { font-size: 15px; font-weight: 600; color: var(--color-graphite); margin: 0; }
.process-text { font-size: 13.5px; color: var(--color-iron); line-height: 1.7; flex: 1; }
.process-dur { font-size: 11px; font-weight: 500; color: var(--color-smoke); text-transform: uppercase; letter-spacing: .08em; margin-top: 4px; }


/* ===== 11. MAKALE SAYFA DÜZENİ & YAN SÜTUN (ARTICLE SINGLE & SIDEBAR) ===== */
.article-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: var(--space-gap-wide); max-width: 1200px; margin: 0 auto; padding: 48px; align-items: start; }
.article-body-col { max-width: 70ch; }

.art-rubric { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; flex-wrap: wrap; }
.art-rubric .mak-cat { margin-bottom: 0; text-decoration: underline; text-underline-offset: 3px; }
.art-rubric .mak-cat:hover { opacity: .7; }
.art-h1 { font-family: var(--font-display); font-weight: 300; font-size: clamp(28px,3.6vw,46px); line-height: 1.12; color: var(--color-graphite); letter-spacing: -0.01em; margin-bottom: 18px; }
.update-note { font-size: 11.5px; color: var(--color-smoke); font-style: italic; margin: 12px 0 32px; }

/* Yan Sütun İçindekiler */
.toc ul { list-style: none; display: flex; flex-direction: column; gap: 2px; }
.toc a { display: block; font-size: 13px; color: var(--color-smoke); padding: 7px 0; line-height: 1.5; transition: color .15s; }
.toc a:hover { color: var(--color-graphite); }
.toc a.current { font-weight: 600; color: var(--color-graphite); }
.toc-mobile { display: none; background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 4px 20px; margin: 0 0 32px; }
.toc-mobile summary { cursor: pointer; padding: 14px 0; font-family: var(--font-display); font-size: 15px; color: var(--color-graphite); font-weight: 600; }
.toc-mobile ul { list-style: none; padding-bottom: 12px; }
.toc-mobile a { display: block; font-size: 13.5px; color: var(--color-iron); padding: 8px 0; border-top: 1px solid rgba(28,46,74,.12); }

/* Makale Gövdesi */
.article-body { font-family: var(--font-body); font-size: 15.5px; line-height: 1.85; color: var(--color-iron); }
.article-body h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(21px,2.2vw,27px); color: var(--color-graphite); margin: 40px 0 14px; line-height: 1.3; }
.article-body p { margin-bottom: 18px; color: var(--color-iron); }
.article-body ul { margin: 0 0 20px 20px; color: var(--color-iron); }
.article-body ul li { margin-bottom: 8px; line-height: 1.7; font-size: 15px; color: var(--color-iron); }
.article-body strong { color: var(--color-graphite); font-weight: 600; }
.article-body a { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 3px; }
.article-body a:hover { opacity: .7; }

/* Philosophy bölümü metin rengi */
.philosophy-body, .sayfa-metni { font-size: 15px; color: var(--color-iron); line-height: 1.85; max-width: 760px; }
.philosophy-body p { margin-bottom: 16px; color: var(--color-iron); }
.article-body strong { color: var(--color-graphite); font-weight: 600; }
.article-body a { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 3px; }
.article-body a:hover { opacity: .7; }

/* Hızlı Bilgi Tablosu */
.quick-table { width: 100%; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); border-collapse: separate; border-spacing: 0; overflow: hidden; margin: 28px 0; font-size: 14px; }
.quick-table caption { text-align: left; padding: 0 0 8px; caption-side: top; }
.quick-table th { background: var(--color-verdigris-wash); text-align: left; font-weight: 600; padding: 11px 16px; width: 42%; border-bottom: 1px solid rgba(28,46,74,.15); }
.quick-table td { padding: 11px 16px; border-bottom: 1px solid rgba(28,46,74,.15); color: var(--color-iron); }
.quick-table tr:last-child th, .quick-table tr:last-child td { border-bottom: none; }

/* Satır içi bağlamsal CTA */
.inline-cta { border-top: 1px solid var(--color-graphite); border-bottom: 1px solid var(--color-graphite); padding: 16px 0; margin: 28px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.inline-cta p { font-family: var(--font-display); font-style: italic; font-size: 15px; color: var(--color-graphite); margin: 0; }

/* Karar/İçtihat Kutuları */
.karar-kutu { border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 16px 20px; margin: 14px 0; font-size: 14px; }
.karar-kutu .karar-kunye { font-weight: 600; color: var(--color-graphite); display: block; margin-bottom: 6px; }
.karar-kutu .karar-kunye em { font-weight: 400; font-style: italic; color: var(--color-smoke); font-size: 12.5px; }
.karar-kutu p { margin: 0; color: var(--color-iron); font-size: 14px; line-height: 1.7; }

/* Dayanak / Kaynakça */
.kaynakca { background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 24px 28px; margin: 40px 0 0; }
.kaynakca-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 8px; }
.kaynakca h3 { font-size: 12px; font-weight: 600; letter-spacing: .04em; color: var(--color-graphite); margin-bottom: 10px; }
.kaynakca ul { list-style: none; }
.kaynakca li { font-size: 13.5px; color: var(--color-iron); padding: 6px 0; border-bottom: 1px solid rgba(28,46,74,.12); line-height: 1.55; }
.kaynakca li:last-child { border-bottom: none; }
.kaynakca a { text-decoration: underline; text-underline-offset: 2px; }
.kaynakca a:hover { opacity: .7; }
.atif { font-size: 12px; color: var(--color-smoke); font-style: italic; margin-top: 16px; }

/* SSS Akordeon */
.sss-list { margin: 20px 0 0; }
.sss-item { border-bottom: 1px solid var(--color-graphite); padding: 4px 0; }
.sss-item summary { cursor: pointer; padding: 16px 0; font-family: var(--font-display); font-size: 16px; color: var(--color-graphite); list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.sss-item summary::-webkit-details-marker { display: none; }
.sss-item summary::after { content: '+'; font-size: 20px; color: var(--color-smoke); flex-shrink: 0; transition: transform .2s; }
.sss-item[open] summary::after { content: '−'; }
.sss-item p { font-size: 14.5px; color: var(--color-iron); line-height: 1.75; padding: 0 0 18px; max-width: 68ch; }

/* Yazar Tanıtım Kutusu */
.author-box { display: flex; gap: 20px; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 22px; margin: 40px 0; align-items: flex-start; }
.author-box img { width: 72px; height: 96px; object-fit: cover; border-radius: var(--radius-sm); flex-shrink: 0; }
.author-box strong { font-family: var(--font-display); font-size: 17px; color: var(--color-graphite); display: block; margin-bottom: 8px; font-weight: 600; }
.author-box p { font-size: 13.5px; color: var(--color-smoke); line-height: 1.7; margin-bottom: 10px; }
.author-box .author-links { display: flex; gap: 16px; }
.author-box .author-links a { font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; color: var(--color-graphite); }
.author-box .author-links a:hover { opacity: .7; }

/* Etiket ve İlgili Makale Bölümleri */
.tags-block { margin: 36px 0; }
.related-block { margin: 24px 0 0; }
.article-cta-final { border-radius: var(--radius-lg); padding: 36px 40px; margin: 40px 0; }
.article-cta-final .ctas { margin-top: 22px; }


/* Makale Geri Bildirim Butonları */
.feedback { display: flex; align-items: center; gap: 14px; font-size: 13px; color: var(--color-smoke); margin: 24px 0; flex-wrap: wrap; }
.feedback .btn-ghost { padding: 7px 16px; min-height: 36px; font-size: 12px; }
.feedback-reply { font-size: 13px; color: var(--color-graphite); }
.feedback-reply a { text-decoration: underline; text-underline-offset: 2px; }
.back-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--color-smoke); margin-top: 8px; transition: opacity .2s; }
.back-link:hover { opacity: .65; }

/* Yan Sütun (Sidebar) Düzeni */
.sidebar { position: sticky; top: 96px; align-self: start; display: flex; flex-direction: column; gap: 24px; }
.sidebar-cta { background: var(--color-graphite); padding: 26px; color: var(--color-parchment); border-radius: var(--radius-lg); }
.sidebar-cta h3, .sidebar-cta-title { font-family: var(--font-display); font-weight: 400; font-size: 18px; color: var(--color-parchment); margin-bottom: 12px; }
.sidebar-cta p { font-size: 12.5px; color: rgba(248,243,231,0.65); line-height: 1.7; margin-bottom: 18px; }
.sidebar-cta .btn-wa { width: 100%; justify-content: center; margin-bottom: 10px; }
.sidebar-cta .btn-tel-dark { width: 100%; justify-content: center; }
.sidebar-note { font-size: 11px; color: rgba(248,243,231,.5); text-align: center; margin-top: 12px; }

.sidebar-card { background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 22px; }
.sidebar-card h3 { font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--color-graphite); margin-bottom: 14px; }
.sidebar-card .back-link { margin: 0 0 14px; }
.sidebar-badges { display: flex; flex-direction: column; gap: 10px; }
.sidebar-badges .badge-row { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; color: var(--color-smoke); }

/* ===== 12. FLOATING CTA — WhatsApp (yeşil) + Ara (lacivert), iki kanal ===== */
.floating-cta { position: fixed; bottom: 28px; right: 28px; z-index: 350; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; transition: opacity .25s, transform .25s; }
.floating-cta.is-hidden { opacity: 0; transform: translateY(12px); pointer-events: none; }
.whatsapp-pill { box-shadow: var(--shadow-md); padding: 10px 18px; }
.wp-label { font-size: 13px; font-weight: 600; color: #fff; white-space: nowrap; }
/* Çerez bandı tam genişlik bir alt bant olduğu için, açıkken yüzen CTA ile
   sağ-alt köşede çakışır (buton tıklanamaz hale gelir) — banner görünürken
   yüzen CTA'yı geçici olarak gizle. */
body.has-cookie .floating-cta { display: none; }

/* ===== 14. MEDYA SORGULARI (RESPONSIVE) ===== */
@media (max-width: 1100px) {
  .article-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 40px; }
  .kaynakca-cols { grid-template-columns: 1fr; gap: 16px; }
  .uz-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
  :root {
    --space-section-py: 48px;
  }
  .container, .header-inner { padding: 0 28px; }
  
  /* Hamburger Menü Açılması */
  nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    margin-left: 0;
    background: var(--color-parchment);
    padding: 0 28px;
    border-bottom: 1px solid var(--color-graphite);
    gap: 18px;
    z-index: 199;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .4s ease, opacity .3s ease, padding .4s ease;
  }
  nav.open { max-height: 720px; opacity: 1; padding: 24px 28px; }
  .hamburger { display: flex; }
  .hamburger.active span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .hamburger.active span:nth-child(2) { opacity: 0; }
  .hamburger.active span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

  /* Faaliyet Alanları — mobilde akordeon */
  .nav-item { flex-direction: column; align-items: stretch; width: 100%; gap: 0; position: static; }
  .nav-item > a { padding-right: 32px; }
  .nav-caret { position: absolute; top: 0; right: 0; }
  .nav-dropdown { position: static; width: 100%; min-width: 0; border: none; box-shadow: none; padding: 0; transform: none; opacity: 1; pointer-events: auto; max-height: 0; overflow: hidden; transition: max-height .3s ease; }
  .nav-item.open .nav-dropdown { max-height: 500px; margin-top: 10px; }
  .nav-dropdown a { padding: 8px 0; white-space: normal; }
  .nav-dropdown-item > a::after { display: none; }
  .nav-subdropdown { display: none; }

  /* İki Sütunlu Sayfaların Tek Sütuna Düşmesi */
  .article-layout { grid-template-columns: 1fr; padding: 36px 28px; gap: 0; }
  .sidebar { position: static; margin-top: 44px; }
  .sidebar .toc { display: none; }
  .toc-mobile { display: block; }
  
  .mak-grid, .mak-grid.compact { grid-template-columns: repeat(2, 1fr); }
  .kaynakca-cols { grid-template-columns: 1fr 1fr; }
  .article-cta-final { padding: 30px 26px; }
}

@media (max-width: 700px) {
  .mak-grid, .mak-grid.compact { grid-template-columns: 1fr; }
  .kaynakca-cols { grid-template-columns: 1fr; gap: 18px; }
  .uz-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .footer-cols { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 480px) {
  :root { --space-section-py: 32px; }
  .container, .header-inner { padding: 0 16px; }
  .article-layout { padding: 28px 16px; }
  .cookie { flex-direction: column; align-items: stretch; text-align: left; }
  .cookie p { flex-basis: auto; }
  .cookie-btns .btn-ghost, .cookie-btns .btn-dark { flex: 1; }
  .mission .ctas, .article-cta-final .ctas, .inline-cta, .feedback { flex-direction: column; align-items: stretch; }
  .mission .ctas .btn-wa, .mission .ctas .btn-cta-outline, .article-cta-final .ctas .btn-wa, .article-cta-final .ctas .btn-cta-outline { width: 100%; justify-content: center; }
  .art-h1 { font-size: 28px; }
  .footer-bottom { flex-direction: column; gap: 16px; align-items: flex-start; }
  .uz-grid { grid-template-columns: repeat(2, 1fr); }
  
}


@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ===== 15. EKSİK BİLEŞENLER — ORİJİNAL VE SENTEZ ENTEGRASYON ===== */

/* Hero Bölümü */
.hero { position: relative; overflow: hidden; text-align: center; display: flex; align-items: flex-start; justify-content: center; padding: 72px 0 32px; background: var(--color-graphite); }
.hero-bg-img { position: absolute; inset: 0; background-image: url('danistay-gorsel.webp'); background-repeat: no-repeat; background-position: center top; background-size: cover; opacity: 1; z-index: 0; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 65%,rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 65%,rgba(0,0,0,0) 100%); }
.hero::after, .page-hero::after { content: ''; position: absolute; inset: 0; z-index: 1; background: rgba(15,24,40,.88); pointer-events: none; }
.hero .container { position: relative; z-index: 3; width: 100%; }
.hero-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--color-parchment); margin-bottom: 16px; text-align: center; }
.hero-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(40px,6vw,84px); line-height: 1.05; letter-spacing: -0.02em; color: var(--color-parchment); }
.hero-lead { font-size: clamp(16px,1.6vw,18px); line-height: 1.7; color: var(--color-parchment); max-width: 560px; margin: 20px auto 28px; text-align: center; }
.ctas, .hero-ctas { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center; }
/* Koyu zeminli tüm bölümlerde anahat buton (btn-cta-outline/btn-tel-dark) tek tip: parşömen renginde kenarlık + metin */
.hero .btn-cta-outline, .page-hero .btn-cta-outline, .hero-ctas .btn-cta-outline,
.cta-sec .btn-cta-outline, .mission .btn-cta-outline, .sidebar-cta .btn-tel-dark {
  border-color: var(--color-parchment);
  color: var(--color-parchment);
}
.hero .btn-cta-outline:hover, .page-hero .btn-cta-outline:hover, .hero-ctas .btn-cta-outline:hover,
.cta-sec .btn-cta-outline:hover, .mission .btn-cta-outline:hover, .sidebar-cta .btn-tel-dark:hover {
  background: var(--color-parchment);
  color: var(--color-graphite);
}
.hero-kunye { margin-top: 32px; padding: 18px 0; }
.hero-kunye ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 7px 0; list-style: none; max-width: 980px; margin: 0 auto; padding: 0; }
.hero-kunye li { display: flex; align-items: center; }
.hero-kunye li:not(:last-child)::after { content: '·'; margin: 0 10px; color: rgba(248,243,231,.35); }
.hero-kunye a { font-size: 13.5px; font-weight: 500; letter-spacing: .01em; color: rgba(248,243,231,.78); text-decoration: none; white-space: nowrap; transition: color .2s; }
.hero-kunye a:hover { color: var(--color-bronze); }
@media (max-width: 760px) { .hero-kunye li:not(:last-child)::after { margin: 0 6px; } .hero-kunye a { font-size: 12.5px; } }
@media (max-width: 600px) { .hero { padding: 56px 0 24px; } }

/* Page Hero (alt sayfalar) */
.page-hero { position: relative; overflow: hidden; background: var(--color-graphite); color: var(--color-parchment); min-height: 440px; display: flex; align-items: center; padding: 56px 0; }
.page-hero .hero-bg-img { background-image: url('danistay-gorsel.webp'); }
.page-hero .container { position: relative; z-index: 3; width: 100%; }
.page-hero-top { display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; }
.page-hero-top > div:first-child .label { color: rgba(248,243,231,.65); }
.page-hero .label a { color: inherit; font-size: inherit; font-weight: inherit; }
.page-hero h1 { font-family: var(--font-display); font-weight: 300; font-size: clamp(28px,4vw,54px); line-height: 1.1; color: var(--color-parchment); letter-spacing: -0.02em; margin: 10px 0 16px; }
.page-hero p { font-size: 15px; color: rgba(248,243,231,.75); line-height: 1.7; max-width: 520px; }
.page-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 24px; }
.hero-stats { display: flex; flex-direction: column; gap: 16px; border-left: 1px solid rgba(248,243,231,.2); padding-left: 36px; min-width: 140px; }
.hero-stat { display: flex; flex-direction: column; gap: 2px; }
.hero-stat strong { font-family: var(--font-display); font-size: clamp(26px,3vw,40px); font-weight: 300; color: var(--color-parchment); line-height: 1.1; }
.hero-stat span { font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: rgba(248,243,231,.55); }

.stat-num { font-family: var(--font-display); font-weight: 400; font-size: clamp(20px,2.2vw,30px); color: var(--color-graphite); line-height: 1.1; }
.stat-label { font-size: 12px; color: var(--color-smoke); line-height: 1.5; }

/* Bölüm Başlık Bloğu */
.sec-head { display: block; margin-bottom: 16px; padding-left: 0; }
.section-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(22px,2.2vw,32px); line-height: 1.25; color: var(--color-graphite); max-width: 760px; letter-spacing: -0.01em; }

/* Bölüm Konteynerleri */
.about, .intro-sec, .profile-sec, .principles-sec, .expertise, .process, .calc-sec, .makaleler, .sss-sec, .bulletin, .news, .mini-contact, .contact, .form-section { padding: var(--space-section-py) 0; background: var(--color-parchment); }
.about { padding-bottom: 32px; }
.expertise, .process, .makaleler, .sss-sec, .bulletin, .news, .mini-contact, .contact { border-top: 1px solid var(--color-graphite); }
.calc-sec { border-top: 1px solid var(--color-graphite); }

/* Güncel Haberler (News) Kartları */
.news-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-unit-lg); }
.news-card { display: block; color: inherit; text-decoration: none; background: var(--color-parchment); cursor: pointer; border: none; border-radius: var(--radius-lg); overflow: hidden; transition: opacity .2s, box-shadow .2s; box-shadow: var(--shadow-sm); }
.news-card:hover { opacity: .9; box-shadow: var(--shadow-md); }
.news-card:hover .news-title::after { content: " →"; }
.news-ph { width: 100%; height: 200px; background: var(--color-slate-mist); display: flex; align-items: center; justify-content: center; }
.news-ph.sage { background: var(--color-verdigris-wash); }
.news-ph.gray { background: var(--color-sage-2); }
.news-ph-icon { width: 44px; height: 44px; color: var(--color-graphite); opacity: .3; }
.news-body { padding: 18px 16px; }
.news-tag { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); margin-bottom: 8px; }
.news-date { font-size: 12px; color: var(--color-smoke); margin-bottom: 8px; display: block; }
.news-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(16px,1.7vw,19px); line-height: 1.35; color: var(--color-graphite); margin-bottom: 10px; }
.news-excerpt { font-size: 13.5px; color: var(--color-smoke); line-height: 1.65; }

/* Alan Kartları (Uzmanlık Alanları Hub) */
.alan-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-unit-lg); }
.alan-card { position: relative; background: var(--color-parchment); border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 24px; display: flex; flex-direction: column; gap: 14px; transition: box-shadow .2s, background .2s; }
.alan-card:hover { background: var(--color-verdigris-wash); box-shadow: var(--shadow-sm); }
.alan-card-stretch { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.alan-card-head { display: flex; align-items: center; gap: 14px; }
.alan-card-head svg { width: 24px; height: 24px; color: var(--color-graphite); flex-shrink: 0; }
.alan-card-head h3 { font-family: var(--font-display); font-weight: 400; font-size: clamp(17px,1.8vw,21px); line-height: 1.3; color: var(--color-graphite); }
.alan-card-desc { font-size: 13.5px; color: var(--color-smoke); line-height: 1.65; }
.alan-card-cats { list-style: none; display: flex; flex-direction: column; }
.alan-card-cats li + li { border-top: 1px solid rgba(28,46,74,.08); }
.alan-card-cats a { position: relative; z-index: 2; display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: 12.5px; color: var(--color-iron); text-decoration: none; }
.alan-card-cats a:hover { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; }
.alan-card-cats .cat-count { font-size: 11px; color: var(--color-smoke); white-space: nowrap; flex-shrink: 0; }
.alan-card-foot { display: flex; align-items: center; justify-content: flex-end; margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(28,46,74,.12); }
.alan-link { font-size: 12px; font-weight: 600; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; transition: opacity .2s; }
.alan-card:hover .alan-link { opacity: .65; }

/* Dava Türü Arama Bandı */
.search-band { background: var(--color-verdigris-wash); border-top: 1px solid var(--color-graphite); border-bottom: 1px solid var(--color-graphite); padding: 28px 0; }
.dava-ara-input { width: 100%; max-width: 720px; font-family: var(--font-body); font-size: 15px; color: var(--color-graphite); background: var(--color-parchment); border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 14px 20px; outline: none; display: block; margin: 12px 0 8px; transition: border-color .2s; }
.dava-ara-input:focus { border-color: var(--color-graphite); box-shadow: 0 0 0 3px rgba(28,46,74,.08); }
.dava-ara-input::placeholder { color: var(--color-pewter-haze); }
.dava-ara-sonuc { list-style: none; max-width: 720px; background: var(--color-parchment); border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); margin-top: 4px; overflow: hidden; box-shadow: var(--shadow-md); }
.dava-ara-sonuc li { border-bottom: 1px solid rgba(28,46,74,.1); }
.dava-ara-sonuc li:last-child { border-bottom: none; }
.dava-ara-sonuc a { display: flex; flex-direction: column; gap: 3px; padding: 12px 20px; font-size: 13.5px; color: var(--color-graphite); text-decoration: none; transition: background .15s; }
.dava-ara-sonuc a:hover { background: var(--color-verdigris-wash); }
.das-path { font-size: 11px; color: var(--color-smoke); text-transform: uppercase; letter-spacing: .05em; }
.dava-ara-hint { font-size: 12px; color: var(--color-smoke); margin-top: 8px; max-width: 720px; line-height: 1.6; }
.dava-ara-hint a { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; }

/* CTA Bölümü (Koyu arka plan) */
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.cta-text h2 { font-family: var(--font-display); font-weight: 300; font-size: clamp(22px,2.8vw,38px); line-height: 1.2; color: var(--color-parchment); letter-spacing: -0.01em; margin-bottom: 10px; }
.cta-text p { font-size: 14px; color: rgba(248,243,231,.7); line-height: 1.7; }
.cta-actions { display: flex; gap: 14px; flex-wrap: wrap; flex-shrink: 0; }


/* Link Line (düz metin + ok görünümlü link) */
.link-line { padding: 10px 24px; background: var(--color-ink); color: var(--color-parchment); border: 1px solid var(--color-ink); font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: -0.01em; cursor: pointer; transition: opacity .2s; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: var(--radius-sm); text-decoration: none; white-space: nowrap; }
.link-line:hover { opacity: .85; }

/* Footer Bileşenleri */
footer { background: var(--color-graphite); color: var(--color-parchment); padding: 56px 0 0; }
.footer-grid { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-gap-footer); padding-bottom: 28px; border-bottom: 1px solid rgba(248,243,231,.12); margin-bottom: 28px; }
.footer-logo-img { height: 44px; width: auto; margin-bottom: 20px; }
.footer-brand-sub { font-size: 12px; opacity: .6; letter-spacing: .08em; text-transform: uppercase; }
.footer-cols { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; }
.footer-col h4, .footer-col .footer-baslik { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; opacity: .45; margin-bottom: 18px; font-weight: 500; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.footer-col a { font-size: 13px; opacity: .85; transition: opacity .2s; padding: 6px 0; display: inline-block; }
.footer-col a:hover { opacity: 1; }
.footer-copy { text-align: center; font-size: 12px; opacity: .4; padding: 16px 0; border-top: 1px solid rgba(248,243,231,.08); }
.socials { display: flex; gap: 10px; }
.soc { width: 44px; height: 44px; border: 1px solid rgba(248,243,231,.18); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; opacity: .75; border-radius: var(--radius-sm); transition: opacity .2s, border-color .2s; text-decoration: none; color: var(--color-parchment); }
.soc:hover { opacity: 1; border-color: rgba(248,243,231,.4); }

/* WhatsApp Floating (orijinal bileşenler) */
.wp-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wp-content { display: flex; flex-direction: column; align-items: flex-start; border-left: 1px solid rgba(248,243,231,.3); padding-left: 12px; }
.wp-num { white-space: nowrap; font-weight: 600; font-size: 13px; line-height: 1.2; }
.wp-sub { font-size: 10px; opacity: .85; font-weight: 500; line-height: 1.1; margin-top: 1px; }
.whatsapp-close { position: absolute; top: -14px; right: -14px; width: 40px; height: 40px; background: var(--color-parchment); color: var(--color-graphite); border: 1px solid var(--color-graphite); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; cursor: pointer; z-index: 10; line-height: 1; transition: opacity .2s; box-shadow: var(--shadow-sm); }
.whatsapp-close:hover { opacity: .65; }



/* Hakkımızda Sayfası Özel Bileşenler */
.pillars-sec, .principles-sec, .philosophy-sec { padding: var(--space-section-py) 0; background: var(--color-parchment); border-top: 1px solid var(--color-graphite); }
.pillars-header, .principles-header { display: block; margin-bottom: 40px; }
.pillars-header .section-label, .principles-header .section-label { display: block; margin-bottom: 8px; }
.pillars-header .section-title, .principles-header .section-title { margin-bottom: 0; }
.pillars-photo-frame { border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); overflow: hidden; padding: 8px; }
.pillars-photo-frame img { width: 100%; display: block; border-radius: var(--radius-sm); }
.pillars-photo-name { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); text-align: center; margin-top: 8px; }
.pillars-stats-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--space-unit-md); margin-bottom: 28px; }
.stat-box { background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 20px 24px; }
.stat-box .stat-num { font-family: var(--font-display); font-size: clamp(22px,2.5vw,32px); font-weight: 400; color: var(--color-graphite); display: block; margin-bottom: 4px; }
.stat-box .stat-label { font-size: 12px; color: var(--color-smoke); }
.stat-grid-2x2 { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--space-unit-md); }
.pillars-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--space-unit-lg); }
.pillar-card { background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.pillar-icon { width: 32px; height: 32px; color: var(--color-graphite); }
.pillar-title { font-family: var(--font-display); font-weight: 400; font-size: 18px; color: var(--color-graphite); }
.pillar-desc { font-size: 14px; color: var(--color-smoke); line-height: 1.7; }
.principles-grid-icons { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-unit-lg); }
.principles-grid-icons.pg-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1100px) {
  .principles-grid-icons { grid-template-columns: repeat(3, 1fr); }
}
.principle-card { display: flex; flex-direction: column; gap: 10px; }
.principle-icon { width: 28px; height: 28px; color: var(--color-graphite); }
.principle-title { font-family: var(--font-display); font-size: 16px; font-weight: 400; color: var(--color-graphite); }
.principle-text { font-size: 13.5px; color: var(--color-smoke); line-height: 1.65; }
.philosophy-lead, .sayfa-metni-giris { font-family: var(--font-display); font-weight: 300; font-size: clamp(22px,2.4vw,30px); line-height: 1.3; color: var(--color-graphite); margin-bottom: 20px; letter-spacing: -0.01em; }
.philosophy-body, .sayfa-metni { font-size: 15px; color: var(--color-iron); line-height: 1.85; max-width: 760px; }
.philosophy-body p, .sayfa-metni p { margin-bottom: 16px; }
.hk-giris { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-gap-wide); align-items: stretch; }
.hk-giris .hk-metin { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: space-between; max-width: none; }
.hk-giris.hk-giris--v2 { grid-template-columns: 1.6fr 1fr; align-items: start; }
.hk-giris--v2 .hk-metin { display: block; max-width: none; }
.hk-giris--v2 .hk-foto { align-self: start; }
.hk-foto { grid-column: 2; grid-row: 1; align-self: start; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 8px; }
.hk-foto img { display: block; width: 100%; height: auto; border-radius: var(--radius-sm); margin-bottom: 10px; }
.hk-metin { font-size: 16px; line-height: 1.8; color: var(--color-iron); max-width: 31em; }
.hk-metin p + p { margin-top: 16px; }
.hk-metin a { text-decoration: underline; text-underline-offset: 3px; }
.hk-liste { margin: 10px 0 14px; padding-left: 1.1em; list-style: disc; }
.hk-liste li { padding: 3px 0; }
.hk-liste li::marker { color: var(--color-smoke); }
.hk-gecmis { border-top: 1px solid var(--color-graphite); }
.hk-gecmis-satir { display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: var(--space-gap-wide); padding: 28px 0; border-bottom: 1px solid rgba(28,46,74,.15); }
.hk-gecmis-satir h3 { font-family: var(--font-display); font-weight: 400; font-size: clamp(17px, 1.8vw, 21px); line-height: 1.3; color: var(--color-graphite); }
.hk-gecmis-yil { margin-top: 6px; font-size: 12.5px; line-height: 1.5; color: var(--color-smoke); }
.philosophy-sec { background: var(--color-verdigris-wash); }
.philosophy-sec .hk-metin { max-width: none; }
@media (min-width: 1200px) {
  .hk-giris .hk-metin { line-height: 1.7; }
  .hk-giris .hk-metin p + p { margin-top: 14px; }
}
@media (max-width: 1199px) {
  .hk-giris { grid-template-columns: 1fr; row-gap: var(--space-unit-lg); }
  .hk-giris .hk-metin, .hk-foto { grid-column: auto; grid-row: auto; }
  .hk-giris .hk-metin { max-width: 31em; }
  .hk-foto { max-width: 720px; }
  .hk-giris.hk-giris--v2 { grid-template-columns: 1fr; align-items: normal; }
}
@media (max-width: 900px) {
  .hk-gecmis-satir { grid-template-columns: 1fr; row-gap: 12px; padding: 24px 0; }
}
@media (max-width: 600px) {
  .hk-metin { font-size: 15px; line-height: 1.75; }
}

/* Ayboga Makale Sayfası Ek Bileşenler */
.lead { font-size: 17px; color: var(--color-iron); line-height: 1.8; margin-bottom: 28px; font-weight: 400; }
.info-label { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); display: block; margin-bottom: 4px; }
.info-value { font-size: 14.5px; color: var(--color-graphite); font-weight: 500; }
.warning-box { background: var(--color-warning-wash); border: 1px solid var(--color-warning); border-radius: var(--radius-lg); padding: 16px 20px; margin: 24px 0; font-size: 14px; color: var(--color-iron); line-height: 1.7; }
.related-list { list-style: none; display: flex; flex-direction: column; gap: 4px; }
.related-list li { border-bottom: 1px solid rgba(28,46,74,.1); }
.related-list a { display: block; padding: 10px 0; font-size: 13.5px; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; }
.related-list a:hover { opacity: .7; }
.related-cat { font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); margin-bottom: 8px; display: block; }
.sub { font-size: 14px; color: var(--color-smoke); line-height: 1.7; margin-bottom: 20px; }
.sub-item { border: 1px solid rgba(28,46,74,.12); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 10px; }
.sub-item-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--color-verdigris-wash); font-family: var(--font-display); font-size: 15px; color: var(--color-graphite); cursor: pointer; }
.sub-item-link { display: flex; align-items: center; gap: 8px; padding: 10px 18px; font-size: 13.5px; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; border-top: 1px solid rgba(28,46,74,.08); }
.sub-item-link:hover { background: var(--color-verdigris-wash); }
.source-note { font-size: 12px; color: var(--color-smoke); font-style: italic; margin-top: 8px; border-top: 1px solid rgba(28,46,74,.1); padding-top: 8px; }

/* Sec Title Cat (Alt Alan başlıkları) */
.sec-title-cat { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--color-smoke); margin-bottom: 4px; display: block; }

/* Makaleler Sayfası Özel */
.makaleler-sec { padding: var(--space-section-py) 0; background: var(--color-parchment); border-top: 1px solid var(--color-graphite); }
.results-count { font-size: 12px; color: var(--color-smoke); margin-bottom: 20px; }
.results-count a { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; }
.alan-sayfa-link { display: inline-block; margin: -8px 0 20px; font-size: 13px; font-weight: 600; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 3px; }
.alan-sayfa-link[hidden] { display: none; }
.no-results { font-size: 15px; color: var(--color-smoke); padding: 40px 0; text-align: center; }
.nl-strip { background: var(--color-graphite); color: var(--color-parchment); padding: 28px 0; margin-top: 48px; border-radius: var(--radius-lg); }
.page-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: 1px solid var(--color-graphite); border-radius: var(--radius-sm); font-size: 13px; font-weight: 500; color: var(--color-graphite); background: var(--color-parchment); cursor: pointer; transition: background .2s; text-decoration: none; }
.page-btn:hover { background: var(--color-verdigris-wash); }
.page-btn.active { background: var(--color-graphite); color: var(--color-parchment); }

/* Alt Alan Disiplin Sayfası */
.notice-box { background: var(--color-verdigris-wash); border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 18px 22px; margin: 24px 0; font-size: 14px; color: var(--color-iron); line-height: 1.7; }
.notice-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 14px; }
.promote-badge { display: inline-flex; align-items: center; gap: 5px; background: var(--color-graphite); color: var(--color-parchment); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border-radius: var(--radius-sm); }
.no-promote-badge { display: inline-flex; align-items: center; gap: 5px; background: var(--color-slate-mist); color: var(--color-smoke); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border-radius: var(--radius-sm); }
.type-badge { display: inline-flex; align-items: center; gap: 5px; background: var(--color-verdigris-wash); color: var(--color-graphite); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border-radius: var(--radius-sm); border: 1px solid rgba(28,46,74,.15); }

/* Intro Sec (KVKK vb statik sayfalar) */
.intro-sec { padding: var(--space-section-py) 0; background: var(--color-parchment); }

/* Search Form (arama formu) */
.search-form { display: contents; }

/* ===== 15b. RESPONSIVE — EKSİK CLASS RESPONSIVE ===== */
@media (max-width: 1100px) {
  .alan-grid { grid-template-columns: repeat(2,1fr); }
  .footer-cols { grid-template-columns: repeat(2,1fr); }
  .pillars-header, .principles-header { grid-template-columns: 1fr; }
  .pillars-photo-frame { max-width: 280px; }
  .page-hero-top { grid-template-columns: 1fr; }
  .hero-stats { flex-direction: row; border-left: none; border-top: 1px solid rgba(248,243,231,.2); padding-left: 0; padding-top: 20px; gap: 28px; }
}
@media (max-width: 900px) {
  .news-grid { grid-template-columns: repeat(2,1fr); }
  .alan-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .cta-inner { flex-direction: column; align-items: flex-start; gap: 24px; }
  .stat-grid-2x2 { grid-template-columns: 1fr; }
  .pillars-stats-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .news-grid { grid-template-columns: 1fr; }
  .pillars-grid { grid-template-columns: 1fr; }
  .principles-grid-icons { grid-template-columns: 1fr; gap: 20px; }
  .principle-card { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 16px; row-gap: 4px; align-items: start; }
  .principle-icon { grid-row: 1 / 3; }
  .footer-cols { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .ctas, .hero-ctas { flex-direction: column; align-items: stretch; }
  .ctas .btn-wa, .ctas .btn-cta-outline, .hero-ctas .btn-wa, .hero-ctas .btn-cta-outline { width: 100%; justify-content: center; }
  .news-ph { height: 170px; }
  footer { padding: 32px 0 0; }
  .footer-copy { font-size: 11px; }
  .cta-actions { flex-direction: column; width: 100%; }
  .cta-actions a { justify-content: center; }
}

/* ===== 16. KALAN EKSİK CSS BİLEŞENLER ===== */
.about-grid { display: grid; grid-template-columns: 1fr 220px; column-gap: 48px; row-gap: 0; }
.about-heading { grid-column: 1; grid-row: 1; font-family: var(--font-display); font-weight: 400; font-size: clamp(22px,2vw,32px); line-height: 1.3; color: var(--color-graphite); margin-bottom: var(--space-unit-md); }
.about-middle { grid-column: 1; grid-row: 3; display: flex; flex-direction: column; gap: var(--space-unit-md); }
.about-btn { grid-column: 1; grid-row: 4; justify-self: start; margin-top: var(--space-unit-md); }
.about-cards-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--space-unit-md); }
.hk-farklar-grid { grid-template-columns: repeat(3,1fr); }
.hk-farklar-grid .about-card { background: var(--color-parchment); }
.about-card { background: var(--color-verdigris-wash); padding: 24px; border-radius: var(--radius-lg); display: flex; flex-direction: column; }
.about-photo-col { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; min-height: 0; }
.about-photo { border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 8px; text-align: center; display: flex; flex-direction: column; height: 100%; min-height: 0; }
.about-photo-imgwrap { position: relative; flex: 1; min-height: 0; margin-bottom: 10px; border-radius: var(--radius-sm); overflow: hidden; }
.about-photo-imgwrap img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.about-photo-name { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); text-align: center; }
.ac-top { margin-bottom: 12px; }
.ac-tag { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .14em; color: var(--color-smoke); display: block; margin-bottom: 4px; }
.ac-text { font-size: 14px; color: var(--color-iron); line-height: 1.7; }
.abb-banner { background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 20px 24px; margin-top: var(--space-unit-md); }
.abb-text { font-size: 14px; color: var(--color-iron); line-height: 1.7; }

.bulletin-subscribe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-gap-grid); align-items: center; }
.bul-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(22px,2vw,32px); line-height: 1.3; margin-bottom: 24px; color: var(--color-graphite); }
.bul-list { list-style: none; }
.bul-list li { display: flex; gap: 20px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--color-graphite); font-size: 14px; line-height: 1.55; color: var(--color-smoke); }
.bul-num { font-size: 11px; color: var(--color-smoke); flex-shrink: 0; padding-top: 3px; font-weight: 600; }

.contact-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-gap-wide); align-items: stretch; }
.map-frame-wide { border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 8px; min-height: 360px; display: flex; margin-top: var(--space-section-py); }
.map-frame-wide iframe { flex: 1; min-height: 0; width: 100%; display: block; border: 0; border-radius: var(--radius-sm); }
.contact-info-subsection { margin-top: 24px; }
.contact-info-subsection:first-of-type { margin-top: 0; }
.contact-info-subheading { font-family: var(--font-display); font-size: 15px; font-weight: 400; color: var(--color-graphite); margin-bottom: 10px; }
.contact-details { display: flex; flex-direction: column; gap: 18px; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 22px; }
.cdi { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; color: var(--color-graphite); }
.cdi svg { flex-shrink: 0; color: var(--color-graphite); margin-top: 2px; }
.cdi-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cdi-row .cdi { flex: 1 1 180px; }
.contact-btn { min-width: 160px; justify-content: center; }
.contact-map { border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 8px; flex: 1; min-height: 220px; display: flex; }
.contact-map iframe { flex: 1; min-height: 0; width: 100%; display: block; border: 0; border-radius: var(--radius-sm); }
.contact-info-box { background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 24px; }
.contact-form { background: var(--color-parchment); padding: 28px 32px; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); display: flex; flex-direction: column; }
.contact-info-heading { font-family: var(--font-display); font-size: clamp(18px, 2vw, 26px); font-weight: 400; color: var(--color-graphite); margin-bottom: 14px; line-height: 1.3; letter-spacing: -0.01em; }
.contact-info-text { font-size: 14px; color: var(--color-smoke); line-height: 1.8; margin-bottom: 28px; }
.contact-info-rows { display: flex; flex-direction: column; gap: 14px; margin-top: auto; }

.contact-form-fields { display: flex; flex-direction: column; gap: 16px; margin-top: 20px; }
.form-field { display: flex; flex-direction: column; gap: 6px; }
.form-field label { font-size: 12px; font-weight: 500; color: var(--color-smoke); letter-spacing: .02em; }
.form-field-optional { font-weight: 400; color: var(--color-smoke); }
.form-field input, .form-field textarea {
  font-family: var(--font-body);
  font-size: 14.5px;
  color: var(--color-graphite);
  background: var(--color-parchment);
  border: 1px solid rgba(28, 46, 74, .28);
  border-radius: var(--radius-sm);
  padding: 11px 13px;
  transition: border-color .2s, box-shadow .2s;
}
.form-field textarea { resize: vertical; min-height: 96px; line-height: 1.6; font-family: inherit; }
.form-field input::placeholder, .form-field textarea::placeholder { color: var(--color-smoke); }
.form-field input:focus, .form-field textarea:focus {
  outline: none;
  border-color: var(--color-bronze);
  box-shadow: 0 0 0 3px rgba(162, 127, 78, .18);
}
.contact-form-submit { margin-top: 20px; width: 100%; justify-content: center; }

.form-title { font-family: var(--font-display); font-weight: 400; font-size: 18px; color: var(--color-graphite); margin-bottom: 16px; }
.form-note { font-size: 12px; color: var(--color-smoke); margin-top: 14px; text-align: center; line-height: 1.6; }
.form-note.is-error { color: var(--color-urgent); }

/* Süre Hesaplayıcı */
.calc-card { background: var(--color-parchment); padding: 28px 32px; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); max-width: 640px; }
.calc-row { display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; }
.calc-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.calc-field label { font-size: 12px; font-weight: 500; color: var(--color-graphite); }
.calc-field input, .calc-field select { font-family: var(--font-body); font-size: 14px; color: var(--color-graphite); background: var(--color-parchment); border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 12px 14px; outline: none; transition: background .2s; width: 100%; }
.calc-field input:focus, .calc-field select:focus { background: var(--color-verdigris-wash); }
.calc-submit-row { margin-top: 4px; }
.calc-result { margin-top: 24px; padding: 20px 22px; border-radius: var(--radius-lg); border: 1px solid var(--color-graphite); background: var(--color-verdigris-wash); display: none; }
.calc-result.is-visible { display: block; }
.calc-result.is-urgent { background: var(--color-urgent-wash); border-color: var(--color-urgent); }
.calc-result-date { font-family: var(--font-display); font-size: 22px; color: var(--color-graphite); margin-bottom: 4px; }
.calc-result-days { font-size: 14px; color: var(--color-iron); margin-bottom: 14px; }
.calc-result.is-urgent .calc-result-date, .calc-result.is-urgent .calc-result-days { color: var(--color-urgent); font-weight: 600; }
.calc-result-ctas { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 600px) {
  .calc-row { grid-template-columns: 1fr; }
  .calc-card { padding: 20px 18px; }
}

.archive-list { list-style: none; display: flex; flex-direction: column; gap: 2px; }
.archive-meta { font-size: 11px; color: var(--color-smoke); margin-top: 4px; }
.cat-body { display: flex; flex-direction: column; gap: 12px; }
.featured-list { display: flex; flex-direction: column; gap: 12px; }

.sayfa-metni, .alan-bolum { margin-top: 56px; }
.aa-liste { display: flex; flex-direction: column; gap: 14px; }
.aa-kart { border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); background: var(--color-parchment); overflow: hidden; scroll-margin-top: 92px; }
.aa-ozet { display: grid; grid-template-columns: 52px 1fr auto; grid-template-areas: 'no baslik meta'; column-gap: 20px; align-items: center; padding: 22px 26px; cursor: pointer; list-style: none; transition: background .2s; }
.aa-ozet::-webkit-details-marker { display: none; }
.aa-ozet:hover, .aa-kart[open] .aa-ozet { background: var(--color-verdigris-wash); }
.aa-ozet:focus-visible { outline: 2px solid var(--color-graphite); outline-offset: -4px; }
.aa-no { grid-area: no; font-family: var(--font-display); font-size: 24px; color: var(--color-pewter-haze); }
.aa-baslik { grid-area: baslik; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 1.3; color: var(--color-graphite); margin: 0; }
.aa-meta { grid-area: meta; display: flex; align-items: center; gap: 16px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--color-smoke); white-space: nowrap; }
.aa-meta::after { content: 'İncele'; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 88px; height: 40px; padding: 0 18px; border: 1px solid var(--color-graphite); border-radius: var(--radius-sm); font-family: var(--font-body); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--color-graphite); transition: background-color .2s, color .2s; }
.aa-ozet:hover .aa-meta::after, .aa-kart[open] .aa-meta::after { background-color: var(--color-graphite); color: var(--color-parchment); }
.aa-kart[open] .aa-meta::after { content: 'Kapat'; }
.aa-panel { padding: 24px 26px 14px; border-top: 1px solid var(--color-graphite); }
.ab-grid { columns: 3; column-gap: 12px; }
.ab-kart { break-inside: avoid; margin-bottom: 12px; background: var(--color-verdigris-wash); border-radius: var(--radius-lg); padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; scroll-margin-top: 92px; }
.ab-kart:target { box-shadow: inset 0 0 0 2px var(--color-graphite); }
.ab-kart h4 { font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--color-graphite); margin: 0; }
.ab-kart h4 a { text-decoration: underline; text-underline-offset: 3px; }
.ab-kart ul { list-style: disc; padding-left: 16px; margin: 0; display: flex; flex-direction: column; gap: 3px; }
.ab-kart li { font-size: 12.5px; color: var(--color-iron); line-height: 1.5; }
.ab-link { font-size: 12.5px; font-weight: 600; line-height: 1.5; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 2px; }
.ab-link:hover { opacity: .7; }
.ab-kart li a { color: inherit; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--color-pewter-haze); }
.ab-kart li a:hover { text-decoration-color: currentColor; }
@media (max-width: 900px) { .ab-grid { columns: 2; } }
@media (max-width: 600px) {
  .aa-ozet { grid-template-columns: 1fr auto; grid-template-areas: 'baslik meta'; padding: 18px; column-gap: 12px; }
  .aa-no, .aa-sayi { display: none; }
  .aa-baslik { font-size: 18px; }
  .aa-panel { padding: 18px; }
  .ab-grid { columns: 1; }
  .sayfa-metni, .alan-bolum { margin-top: 40px; }
}

.article-cat { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: rgba(248,243,231,.7); margin-bottom: 8px; display: block; }
.article-cat a:hover { opacity: .75; }
.article-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 12px; color: rgba(248,243,231,.7); margin-bottom: 16px; }
.m-tags-baslik { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-smoke); margin: 24px 0 10px; }
.article-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 0; }
.author-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.author-info { display: flex; flex-direction: column; gap: 2px; }
.info-item { display: flex; flex-direction: column; gap: 4px; }
.info-items { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; margin: 20px 0; }

.featured-card { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); padding: 28px; margin-bottom: 32px; }
.featured-card-side { background: var(--color-slate-mist); border-radius: var(--radius-sm); min-height: 240px; }
.featured-card-title { font-family: var(--font-display); font-weight: 400; font-size: clamp(20px,2.2vw,28px); line-height: 1.3; color: var(--color-graphite); margin-bottom: 14px; }
.featured-card-excerpt { font-size: 14.5px; color: var(--color-smoke); line-height: 1.7; }
.filter-bar { background: var(--color-verdigris-wash); border-top: 1px solid var(--color-graphite); border-bottom: 1px solid var(--color-graphite); padding: 16px 0; position: sticky; top: 72px; z-index: 100; }
.filter-bar-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.filter-bar-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.filter-search { font-family: var(--font-body); font-size: 13px; color: var(--color-graphite); background: var(--color-parchment); border: 1px solid var(--color-graphite); border-radius: var(--radius-sm); padding: 8px 14px; outline: none; min-width: 240px; }
.filter-search::placeholder { color: var(--color-pewter-haze); }
.dots { display: flex; gap: 4px; align-items: center; }
.dots span { width: 6px; height: 6px; border-radius: 50%; background: var(--color-smoke); opacity: .4; }

.guncel-list { display: flex; flex-direction: column; gap: var(--space-unit-lg); }

.mk-liste { border-top: 1px solid var(--color-graphite); }
.mk-kart { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 24px; align-items: start; padding: 24px 0; border-bottom: 1px solid rgba(28,46,74,.18); }
.mk-liste > .mk-kart .mk-govde { display: contents; }
.mk-liste > .mk-kart .mk-yol { grid-column: 2; align-self: center; margin: 0; }
.mk-liste > .mk-kart .mk-baslik, .mk-liste > .mk-kart .mk-ozet, .mk-liste > .mk-kart .mk-meta { grid-column: 1 / -1; }
.mk-liste > .mk-kart .mk-baslik { margin-top: 16px; }
.mk-ikon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-graphite); border-radius: var(--radius-sm); color: var(--color-graphite); text-decoration: none; transition: background-color .2s, color .2s; }
.mk-ikon svg { width: 24px; height: 24px; }
.mk-yol { font-size: 12.5px; line-height: 1.6; color: var(--color-smoke); margin-bottom: 8px; }
.mk-baslik { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.3; color: var(--color-graphite); margin-bottom: 12px; }
.mk-baslik a { color: inherit; text-decoration: none; }
.mk-ozet { font-size: 14.5px; line-height: 1.65; color: var(--color-iron); margin-bottom: 16px; max-width: 760px; }
.mk-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; font-size: 12.5px; line-height: 1.6; color: var(--color-smoke); }
.mk-yol a, .mk-meta a { color: inherit; text-decoration: none; }
.mk-yol a:hover, .mk-meta a:hover { text-decoration: underline; text-underline-offset: 2px; }
.mk-yol-ayrac { color: var(--color-pewter-haze); }
.mk-meta .mk-devam { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-graphite); }
.mk-baslik a:hover { text-decoration: underline; text-underline-offset: 4px; }
.mk-ikon:hover { background-color: var(--color-graphite); color: var(--color-parchment); }
.mak-grid > .mk-kart { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; align-content: start; padding: 0 0 24px; border-bottom: 1px solid var(--color-graphite); }
.mak-grid > .mk-kart .mk-govde { display: contents; }
.mak-grid > .mk-kart .mk-ikon { width: 40px; height: 40px; }
.mak-grid > .mk-kart .mk-ikon svg { width: 20px; height: 20px; }
.mak-grid > .mk-kart .mk-yol { grid-column: 2; align-self: center; margin: 0; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.mak-grid > .mk-kart .mk-baslik, .mak-grid > .mk-kart .mk-ozet, .mak-grid > .mk-kart .mk-meta { grid-column: 1 / -1; }
.mak-grid > .mk-kart .mk-baslik { margin-top: 16px; }
@media (max-width: 700px) {
  .mk-kart { grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; padding: 24px 0; }
  .mk-kart .mk-govde { display: contents; }
  .mk-ikon { width: 36px; height: 36px; }
  .mk-ikon svg { width: 18px; height: 18px; }
  .mk-yol { grid-column: 2; align-self: center; margin: 0; }
  .mk-baslik, .mk-ozet, .mk-meta { grid-column: 1 / -1; }
  .mk-baslik { margin-top: 12px; font-size: 19px; }
}


@media (max-width: 900px) {
  .about-grid { grid-template-columns: 1fr; gap: 36px; }
  .about-heading, .about-middle, .about-btn { grid-column: auto; grid-row: auto; }
  .about-btn { margin-top: 0; }
  .about-photo-col { grid-column: auto; grid-row: auto; max-width: 380px; }
  .about-photo { height: auto; }
  .about-photo-imgwrap { flex: none; aspect-ratio: 3 / 4; }
  .about-cards-grid { grid-template-columns: repeat(2,1fr); }
  .hk-farklar-grid { grid-template-columns: repeat(2,1fr); }
  .process-grid { grid-template-columns: repeat(2,1fr); }
  .bulletin-subscribe-grid { grid-template-columns: 1fr; gap: 36px; }
  .contact-grid { grid-template-columns: 1fr; gap: 36px; }
  .featured-card { grid-template-columns: 1fr; }
  .info-items { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .contact-form { padding: 20px 14px; }
  .contact-details { padding: 16px; }
  .about-cards-grid { grid-template-columns: 1fr; }
  .hk-farklar-grid { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr; }
}
.ka-kart { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; column-gap: 20px; align-items: start; padding: 22px 26px; border: 1px solid var(--color-graphite); border-radius: var(--radius-lg); background: var(--color-parchment); scroll-margin-top: 92px; }
.ka-kart .aa-no, .ka-kart .aa-baslik { grid-area: auto; }
.ka-kart .aa-baslik a { text-decoration: none; }
.ka-kart .aa-baslik a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ka-ozet { font-size: 14.5px; line-height: 1.65; color: var(--color-iron); margin: 8px 0 16px; max-width: 760px; }
.ka-bolumler, .kn-atla { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.ka-bolumler a, .kn-atla a { display: inline-block; padding: 6px 12px; background: var(--color-verdigris-wash); border-radius: var(--radius-sm); font-size: 12.5px; line-height: 1.5; color: var(--color-graphite); text-decoration: none; transition: background-color .2s; }
.ka-bolumler a:hover, .kn-atla a:hover { background: var(--color-slate-mist); }
.ka-git { display: inline-flex; align-items: center; justify-content: center; min-width: 88px; height: 40px; padding: 0 18px; border: 1px solid var(--color-graphite); border-radius: var(--radius-sm); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--color-graphite); text-decoration: none; transition: background-color .2s, color .2s; }
.ka-git:hover { background-color: var(--color-graphite); color: var(--color-parchment); }
.kn-atla { margin-top: 24px; }
.kn-yol span { margin: 0 8px; }
.kn-bolum { scroll-margin-top: 92px; }
.kn-diger { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.kn-diger a:hover { text-decoration: underline; text-underline-offset: 4px; }
.kn-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.kn-kartlar .ka-kart { grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: 1fr auto; row-gap: 14px; }
.kn-kartlar .aa-baslik { font-size: 19px; }
.kn-kartlar .ka-ozet { margin-bottom: 0; }
.kn-kartlar .ka-git { grid-column: 2; justify-self: start; }
.kn-acilir { border-top: 1px solid var(--color-graphite); }
.kn-acilir:last-child { border-bottom: 1px solid var(--color-graphite); }
.kn-acilir > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) 40px; column-gap: 24px; align-items: center; padding: 22px 0; }
.kn-acilir > summary::-webkit-details-marker { display: none; }
.kn-acilir > summary h2 { grid-column: 1; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1.3; color: var(--color-graphite); margin: 0; }
.kn-acilir > summary p { grid-column: 1; font-size: 14.5px; line-height: 1.6; color: var(--color-iron); margin: 6px 0 0; max-width: 760px; }
.kn-acilir > summary::after { content: '+'; grid-column: 2; grid-row: 1 / span 2; width: 40px; height: 40px; border: 1px solid var(--color-graphite); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: var(--color-graphite); transition: background-color .2s, color .2s; }
.kn-acilir[open] > summary::after { content: '\2212'; }
.kn-acilir > summary:hover::after { background-color: var(--color-graphite); color: var(--color-parchment); }
.kn-acilir > summary:focus-visible { outline: 2px solid var(--color-graphite); outline-offset: 4px; }
.kn-acilir .kn-kartlar { padding-bottom: 28px; }
.kn-diger li { padding: 12px 0; border-bottom: 1px solid rgba(28,46,74,.18); }
.kn-diger a { font-size: 15px; line-height: 1.5; color: var(--color-graphite); text-decoration: none; }
.kn-rehber { margin-top: 56px; padding: 24px 26px; background: var(--color-verdigris-wash); border-radius: var(--radius-lg); }
.kn-rehber h2 { font-family: var(--font-display); font-weight: 400; font-size: 20px; line-height: 1.3; color: var(--color-graphite); margin-bottom: 12px; }
.kn-rehber ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 16px; }
.kn-rehber li a { font-size: 14px; color: var(--color-graphite); text-decoration: underline; text-underline-offset: 3px; }
.kn-rehber-tumu { font-size: 12.5px; font-weight: 600; color: var(--color-graphite); text-decoration: none; }
.kn-rehber-tumu:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .ka-kart { grid-template-columns: 1fr; row-gap: 12px; padding: 18px; }
  .ka-kart .aa-no { display: none; }
  .ka-git { justify-self: start; }
  .kn-diger, .kn-kartlar { grid-template-columns: 1fr; }
  .kn-kartlar .ka-kart { grid-template-columns: 1fr; }
  .kn-kartlar .ka-git { grid-column: 1; }
  .kn-acilir > summary h2 { font-size: 21px; }
  .kn-acilir > summary { column-gap: 16px; }
  .kn-rehber { padding: 18px; }
}


/* ===== 15. A4 SURUMU: KONU SAYFASI (A4), UZMANLIK ALANLARI (A2), MAKALE IKI SUTUN ===== */
/* Kaynak: prototip.css (ortak parcalar), prototip-A2.css, prototip-A4.css, makale-2sutun.css */
/* styles.css içindeki genel `nav` kuralı (üst menü için) sayfa içi gezinmeleri bozmasın */
nav.yol, nav.d-nav, nav.m-toc, nav.b-liste-kap { display: block; position: static; flex-direction: initial; align-items: initial; gap: 0; max-height: none; opacity: 1; overflow: visible; padding: 0; border: 0; background: none; transition: none; z-index: auto; }
nav.yol a, nav.d-nav a, nav.m-toc a, nav.b-liste-kap a { white-space: normal; opacity: 1; font-weight: 400; letter-spacing: normal; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible, select:focus-visible { outline: 2px solid var(--color-graphite); outline-offset: 3px; }
.page-hero a:focus-visible, .m-cta a:focus-visible, .proto-bar a:focus-visible { outline-color: var(--color-parchment); }
.page-hero.kisa { min-height: 0; padding: 56px 0 48px; }
.page-hero.kisa h1 { font-size: clamp(28px, 3.6vw, 46px); }
.page-hero .hero-giris { margin-top: 4px; }
.yol { font-size: 12px; letter-spacing: .04em; color: rgba(248,243,231,.7); }
nav.yol ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 0; }
.yol li { display: inline-flex; align-items: center; }
.yol li:not(:last-child)::after { content: '›'; margin: 0 8px; opacity: .7; }
.yol a { color: var(--color-parchment); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(248,243,231,.4); }
.yol a:hover { text-decoration-color: currentColor; }
.yol [aria-current] { color: rgba(248,243,231,.85); }
.ok { display: inline-block; transition: transform .2s; }
a:hover .ok { transform: translateX(3px); }
.dv-danis { display: inline-block; margin-top: 10px; font-size: 13px; color: var(--color-smoke); text-decoration: none; }
.dv-danis:hover { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 3px; }


nav.sg-nav { display: block; position: static; flex-direction: initial; align-items: initial; gap: 0; max-height: none; opacity: 1; overflow: visible; padding: 0; border: 0; background: none; transition: none; z-index: auto; }
nav.sg-nav a { white-space: normal; opacity: 1; font-weight: 400; letter-spacing: normal; }

/* ---------- Hero ---------- */
.a2-hero .label { margin-bottom: 0; }
.a2-hero .label a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(248,243,231,.4); }
.a2-hero .yol { margin-bottom: 14px; }
.makale-hero { text-align: left; }
.makale-hero .container { max-width: 1240px; padding: 0 48px; }
.makale-hero .yol { margin-bottom: 14px; }
.makale-hero h1 { max-width: 960px; margin: 6px 0 18px; }
.makale-hero .meta-strip { color: rgba(248,243,231,.75); border-color: rgba(248,243,231,.25); margin-bottom: 0; max-width: 960px; }
.makale-hero .meta-strip a { color: var(--color-parchment); }
@media (max-width: 960px) { .makale-hero .container { padding: 0 28px; } }
@media (max-width: 600px) { .makale-hero .container { padding: 0 16px; } }

/* ---------- Izgara ---------- */
.a2-duzen { max-width: 1300px; margin: 0 auto; padding: 0 48px; display: grid; grid-template-columns: 256px minmax(0, 1fr); column-gap: 40px; align-items: start; }
.a2-icerik { min-width: 0; }
.a2-icerik > .sayfa-metni:first-child, .a2-icerik > .alan-bolum:first-child { margin-top: 48px; }
.a4-icerik-baslik { margin: 48px 0 10px; font-family: var(--font-display); font-weight: 300; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.2; color: var(--color-graphite); }
.a4-icerik-ozet { margin: 0 0 28px; font-size: 15px; line-height: 1.7; color: var(--color-iron); max-width: 760px; }
main.a2-main { padding-bottom: 96px; }

/* ---------- Sol hiyerarşi ---------- */
.sol-gezinme { position: sticky; top: 92px; max-height: calc(100vh - 108px); overflow: auto; margin-top: 48px; padding: 4px 6px 16px 0; }
.sol-gezinme > summary { display: none; }
.sg-bu-sayfada { display: none; }
.sg-baslik { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-smoke); margin: 0 0 10px; }
.sg-agac { list-style: none; }
.sg-alan { position: relative; }
.sg-alan > details > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 18px minmax(0, 1fr) 12px; align-items: center; gap: 10px; padding: 8px 0 8px 10px; font-size: 13.5px; line-height: 1.35; color: var(--color-iron); border-radius: var(--radius-sm); }
.sg-alan > details > summary::-webkit-details-marker { display: none; }
.sg-alan > details > summary::after { content: '\25B8'; font-size: 10px; color: var(--color-pewter-haze); justify-self: end; }
.sg-alan > details[open] > summary::after { content: '\25BE'; }
.sg-alan > details > summary:hover { color: var(--color-graphite); background: var(--color-verdigris-wash); }
.sg-alan svg { width: 18px; height: 18px; color: currentColor; }
.sg-alan.sg-aktif > details > summary { color: var(--color-graphite); font-weight: 600; background: var(--color-verdigris-wash); }
.sg-konular { list-style: none; margin: 2px 0 8px 38px; border-left: 1px solid rgba(28,46,74,.18); }
.sg-konular > li > a { display: block; padding: 6px 8px 6px 12px; font-size: 13px; line-height: 1.4; color: var(--color-iron); text-decoration: none; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.sg-konular > li > a:hover { color: var(--color-graphite); text-decoration: underline; text-underline-offset: 3px; }
.sg-konular > li > a[aria-current="page"] { font-weight: 600; color: var(--color-graphite); background: var(--color-verdigris-wash); }
.sg-bolumler { list-style: none; margin: 4px 0 6px 12px; border-left: 1px dotted rgba(28,46,74,.3); }
.sg-bolumler a { position: relative; display: block; padding: 5px 6px 5px 14px; font-size: 12.5px; line-height: 1.4; color: var(--color-smoke); text-decoration: none; }
.sg-bolumler a:hover { color: var(--color-graphite); }
.sg-bolumler a[aria-current="location"] { color: var(--color-graphite); font-weight: 600; }
.sg-bolumler a[aria-current="location"]::before { content: ''; position: absolute; left: -3px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: var(--color-graphite); }

/* ---------- Dava kartları ---------- */
.a2-liste { list-style: none; display: flex; flex-direction: column; gap: 12px; padding-bottom: 28px; }
.a2-kart { grid-template-columns: 52px minmax(0, 1fr); }
.a2-kart.a2-ince { padding-top: 18px; padding-bottom: 18px; }
.a2-kart .aa-baslik { font-size: 20px; cursor: default; }
.a2-kart .aa-baslik[id] { scroll-margin-top: 110px; }
.a2-kart .ka-ozet { margin: 6px 0 0; max-width: 760px; }
.a2-kart:has(.aa-baslik:target) { background: var(--color-verdigris-wash); }
.a2-etiket { margin-top: 16px; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--color-smoke); }
.a2-ana { margin-top: 2px; max-width: 760px; line-height: 1.45; }
.a2-ana a { font-size: 16px; font-weight: 500; color: var(--color-graphite); text-decoration: none; }
.a2-ana a:hover { text-decoration: underline; text-underline-offset: 4px; }
.a2-dk { font-size: 12.5px; color: var(--color-smoke); white-space: nowrap; }
.a2-yanlar { margin-top: 8px; gap: 6px; max-width: 760px; }
.a2-yanlar li { font-size: 14.5px; line-height: 1.5; }
.a2-yanlar a { color: var(--color-iron); }
.a2-kart .dv-danis { margin-top: 8px; }

.a2-cta { margin-top: 64px; }
.a2-cta .cta-text h2 { margin-bottom: 8px; }


/* ---------- Uzmanlık Alanları A2 ---------- */
.a2-alanlar .alan-card:hover { background: var(--color-parchment); box-shadow: none; }
.a2-alanlar .alan-card-cats a { font-size: 13px; padding: 7px 0; }
.search-band .f-durum { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--color-smoke); margin-top: 12px; min-height: 1em; }
.dava-ara-sonuc .f-sonuc-ad { font-size: 14px; color: var(--color-graphite); }
.dava-ara-sonuc .f-sonuc-konu { font-size: 12px; color: var(--color-smoke); }
.dava-ara-sonuc .f-sifir { padding: 16px 20px; }
.dava-ara-sonuc .f-sifir p { font-size: 14px; color: var(--color-iron); margin-bottom: 12px; }
.dava-ara-sonuc .f-sifir a.btn-wa { display: inline-flex; flex-direction: row; padding: 10px 18px; color: #fff; }

@media (max-width: 1100px) {
  .a2-duzen { grid-template-columns: minmax(0, 1fr); }
  .sol-gezinme { position: sticky; top: 72px; z-index: 60; max-height: none; overflow: visible; margin: 0 -48px; padding: 0; background: var(--color-parchment); border-bottom: 1px solid var(--color-graphite); }
  .sol-gezinme > summary { display: flex; justify-content: space-between; align-items: center; list-style: none; cursor: pointer; padding: 12px 48px; font-size: 14px; font-weight: 600; color: var(--color-graphite); }
  .sol-gezinme > summary::-webkit-details-marker { display: none; }
  .sol-gezinme > summary::after { content: '\25BE'; }
  .sol-gezinme[open] > summary::after { content: '\25B4'; }
  .sg-panel { position: absolute; left: 0; right: 0; top: 100%; max-height: 70vh; overflow: auto; overscroll-behavior: contain; padding: 8px 48px 20px; background: var(--color-parchment); border-bottom: 1px solid var(--color-graphite); box-shadow: var(--shadow-sm); }
  .sg-bu-sayfada { display: block; margin-bottom: 18px; }
  .sg-bu-sayfada ul { list-style: none; }
  .sg-bu-sayfada a { display: block; padding: 9px 0; font-size: 14px; color: var(--color-graphite); text-decoration: none; border-bottom: 1px solid rgba(28,46,74,.12); }
  .sg-bu-sayfada a[aria-current="location"] { font-weight: 600; }
  .sg-konular > li > a, .sg-alan > details > summary { padding-top: 10px; padding-bottom: 10px; }
}
@media (max-width: 900px) {
  .a2-duzen { padding: 0 28px; }
  .sol-gezinme { margin: 0 -28px; }
  .sol-gezinme > summary { padding: 12px 28px; }
  .sg-panel { padding: 8px 28px 20px; }
}
@media (max-width: 700px) {
  .a2-kart { grid-template-columns: 1fr; padding: 18px; }
  .a2-kart .aa-baslik { font-size: 18px; }
  .a2-ana a { font-size: 15.5px; }
  .a2-ana, .a2-yanlar li { padding-block: 6px; }
  .a2-yanlar li { font-size: 14px; padding-left: 18px; }
  .kn-acilir > summary h2 { font-size: 20px; }
  .kn-acilir > summary p { font-size: 14px; }
}
@media (max-width: 480px) {
  .a2-duzen { padding: 0 16px; }
  .sol-gezinme { margin: 0 -16px; }
  .sol-gezinme > summary { padding: 12px 16px; }
  .sg-panel { padding: 8px 16px 20px; }
}
.search-band .f-durum:empty { display: none; }


:root { --a4-baglanti: #1f4f86; --a4-cizgi: rgba(28,46,74,.14); }

main.a4-main { padding-bottom: 0; }

/* ---------- Bölüm araçları ---------- */
.a4-arac { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.a4-tumu { min-height: 36px; padding: 6px 2px; background: none; border: 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--a4-baglanti); text-decoration: underline; text-decoration-color: rgba(31,79,134,.35); text-underline-offset: 4px; cursor: pointer; }
.a4-tumu:hover { text-decoration-color: currentColor; }

/* ---------- Dava kartı ---------- */
.a4-kart .aa-no { line-height: 1.3; }
.a4-kart .aa-baslik { cursor: default; user-select: text; }
.a4-kart .aa-baslik.a4-grup { padding-bottom: 12px; border-bottom: 1px solid var(--a4-cizgi); }

/* Makale satırları: satırın tamamı bağlantı */
.a4-makaleler { list-style: none; margin: 6px 0 0; max-width: 820px; }
.a4-makaleler li + li { border-top: 1px solid var(--a4-cizgi); }
.a4-makaleler a { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; column-gap: 12px; align-items: center; min-height: 48px; margin: 0 -12px; padding: 10px 12px; border-radius: var(--radius-sm); color: var(--a4-baglanti); text-decoration: none; transition: background-color .15s; }
.a4-makaleler a:hover { background: var(--color-verdigris-wash); }
.a4-makaleler a:focus-visible { outline: 2px solid var(--a4-baglanti); outline-offset: 0; background: var(--color-verdigris-wash); }
.a4-ikon { width: 18px; height: 18px; opacity: .8; }
.a4-ad { font-size: 15px; line-height: 1.45; text-decoration: underline; text-decoration-color: rgba(31,79,134,.28); text-underline-offset: 3px; }
.a4-makaleler a:hover .a4-ad, .a4-makaleler a:focus-visible .a4-ad { text-decoration-color: currentColor; }
.a4-ana .a4-ad { font-size: 16.5px; font-weight: 600; }
.a4-ana .a4-ikon { opacity: 1; }
.a4-meta { display: flex; align-items: center; gap: 14px; font-size: 12.5px; color: var(--color-smoke); white-space: nowrap; }
.a4-oku { font-weight: 600; color: var(--a4-baglanti); }

/* Makalesiz dava: tek satır, sessiz durum */
.a4-bos.a2-ince { padding-top: 16px; padding-bottom: 16px; align-items: center; }
.a4-bos .a2-govde { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 24px; }
.a4-durum { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; margin: 0; font-size: 13px; color: var(--color-smoke); }
.a4-nokta { color: var(--color-pewter-haze); }
.a2-kart .a4-danis { margin-top: 0; color: var(--color-iron); text-decoration: underline; text-decoration-color: rgba(28,46,74,.25); text-underline-offset: 3px; }
.a2-kart .a4-danis:hover { color: var(--color-graphite); text-decoration-color: currentColor; }

/* ---------- Sayfa sonu ---------- */
.a4-ara-baslik { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.3; color: var(--color-graphite); margin-bottom: 8px; }
.a4-diger { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.a4-diger li { border-bottom: 1px solid var(--a4-cizgi); }
.a4-diger a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; padding: 10px 0; font-size: 15px; line-height: 1.45; color: var(--a4-baglanti); text-decoration: none; }
.a4-diger a:hover span:first-child { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 700px) {
  .a4-kart .aa-baslik.a4-grup { padding-bottom: 10px; }
  .a4-makaleler a { grid-template-columns: 18px minmax(0, 1fr); row-gap: 2px; margin: 0 -8px; padding: 12px 8px; align-items: start; }
  .a4-ikon { margin-top: 2px; }
  .a4-meta { grid-column: 2; }
  .a4-ad { font-size: 15px; }
  .a4-ana .a4-ad { font-size: 16px; }
  .a4-bos .a2-govde { display: block; }
  .a4-durum { margin-top: 2px; }
  .a2-kart .a4-danis { display: inline-flex; align-items: center; min-height: 44px; }
  .a4-diger { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .a4-main .author-box { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .a4-makaleler a { transition: none; }
}

/* ---------- Arama ---------- */
.dava-ara-sonuc[hidden], .search-results:empty { display: none; }
.search-no-result a { color: var(--color-parchment); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1100px) { .a2-kart .aa-baslik[id] { scroll-margin-top: 140px; } }

/* ---------- Makale: iki sütun (solda içindekiler, sağda metin) ---------- */
.article-layout.makale-2sutun { grid-template-columns: 256px minmax(0, 1fr); max-width: 1240px; gap: 48px; }
.makale-2sutun .article-body-col, .makale-2sutun .article { max-width: none; min-width: 0; }
.m-sol-sutun { position: sticky; top: 92px; max-height: calc(100vh - 112px); overflow-y: auto; display: flex; flex-direction: column; gap: 28px; }
nav.m-toc { display: block; flex-direction: initial; align-items: initial; gap: 0; opacity: 1; padding: 0; border: 0; background: none; transition: none; z-index: auto; }
nav.m-toc a { white-space: normal; opacity: 1; letter-spacing: normal; }
.m-sol-sutun .sidebar-cta { flex-shrink: 0; }
.m-toc-baslik { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-smoke); margin-bottom: 8px; }
.m-toc ol { list-style: none; counter-reset: t; border-left: 1px solid rgba(28,46,74,.2); }
.m-toc li { counter-increment: t; }
.m-toc a { display: grid; grid-template-columns: 22px 1fr; padding: 6px 0 6px 12px; margin-left: -1px; border-left: 2px solid transparent; font-size: 13px; font-weight: 400; line-height: 1.45; color: var(--color-smoke); text-decoration: none; }
.m-toc a::before { content: counter(t); color: var(--color-pewter-haze); font-variant-numeric: tabular-nums; }
.m-toc a:hover { color: var(--color-graphite); }
.m-toc a[aria-current="true"] { color: var(--color-graphite); font-weight: 600; border-left-color: var(--color-graphite); }
.makale-2sutun .article h2[id] { scroll-margin-top: 92px; }
.m-dava-turu { font-size: 13px; color: rgba(248,243,231,.75); margin-top: 6px; }
.m-dava-turu a { color: var(--color-parchment); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(248,243,231,.4); }
.m-dava-turu a:hover { text-decoration-color: currentColor; }
.page-hero .yol { margin-bottom: 14px; }
.article .yol, .article .m-dava-turu { color: var(--color-smoke); }
.article .yol a, .article .m-dava-turu a { color: var(--color-graphite); text-decoration-color: rgba(28,46,74,.35); }
.article .yol [aria-current] { color: var(--color-iron); }
.article .m-dava-turu { margin: -6px 0 18px; }
.m-konuya-don { margin: 40px 0 0; font-size: 14px; }
.m-konuya-don a { color: var(--color-graphite); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(28,46,74,.35); }
.m-konuya-don a:hover { text-decoration-color: currentColor; }
.makale-son-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 40px; }
.makale-son-kartlar > * { margin: 0; }
@media (max-width: 1100px) {
  .article-layout.makale-2sutun { grid-template-columns: 240px minmax(0, 1fr); gap: 36px; padding: 40px 28px; }
}
@media (max-width: 900px) {
  .article-layout.makale-2sutun { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .m-sol-sutun { position: static; max-height: none; overflow: visible; margin-bottom: 28px; }
  nav.m-toc { padding: 14px 18px; background: var(--color-verdigris-wash); border-radius: var(--radius-lg); }
}
@media (max-width: 480px) {
  .article-layout.makale-2sutun { padding: 28px 16px; }
}
@media (max-width: 900px) {
  .makale-2sutun:has(.toc-mobile) > .m-sol-sutun { display: none; }
}
/* iletişim formu durum ve bal tuzağı */
.form-bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.contact-form-durum { font-size: 14px; margin-top: 12px; min-height: 1.4em; color: var(--color-smoke); }
.contact-form-durum.hata { color: #9b2c2c; }

/* hukuki uyarı notları */
.m-uyari { flex-shrink: 0; margin: 14px 0; padding: 10px 12px; font-size: 12px; line-height: 1.55; color: var(--color-smoke); border-left: 2px solid var(--color-bronze); background: rgba(28,46,74,.04); }
.footer-uyari { text-align: center; font-size: 12px; opacity: .55; padding: 20px 0 14px; margin: 0; }


/* 404 */
.hata-sayfasi { padding: 120px 0 96px; }
.hata-sayfasi h1 { margin: 12px 0 16px; }
.hata-sayfasi p { max-width: 56ch; color: var(--color-smoke); }
.hata-baglantilar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.m-uyari-mobil { display: none; }
@media (max-width: 900px) {
  .makale-2sutun:has(.toc-mobile) .m-uyari-mobil { display: block; margin: 0 0 28px; }
}

/* mobil makale başı: dava açma süresi + ara/WhatsApp (yan sütun mobilde gizli olduğu için) */
.m-hizli-cta { display: none; }
@media (max-width: 900px) {
  .makale-2sutun:has(.toc-mobile) .m-hizli-cta { display: block; padding: 14px 16px; margin: 0 0 20px; }
  .m-hizli-cta p { margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: rgba(248,243,231,.9); }
  .m-hizli-cta p strong { color: var(--color-parchment); font-weight: 600; }
  .m-hizli-cta .m-hizli-cta-dugmeler { display: flex; gap: 8px; }
  .m-hizli-cta .m-hizli-cta-dugmeler a { flex: 1; width: auto; margin: 0; padding: 10px 12px; }
  .m-hizli-cta .m-hizli-cta-arac { display: inline-block; margin-top: 10px; font-size: 12.5px; color: var(--color-parchment); text-decoration: underline; text-underline-offset: 2px; }
}

/* mobil menü: akordeon, kayma düzeltmesi, alt konular */
.nav-subcaret { display: none; }
.footer-grid .socials { margin-top: 28px; }
@media (max-width: 900px) {
  nav.open { max-height: calc(100vh - 72px); max-height: calc(100dvh - 72px); overflow-y: auto; overscroll-behavior: contain; }
  .nav-item { position: relative; }
  .nav-caret { top: 0; right: 0; width: 44px; height: 32px; padding: 0; justify-content: center; align-items: center; opacity: 1; }
  .nav-item.has-dropdown:hover .nav-dropdown,
  .nav-item.has-dropdown:focus-within .nav-dropdown,
  .nav-item.open .nav-dropdown { transform: none; }
  .nav-item.open .nav-dropdown { max-height: 3000px; }
  .nav-dropdown-item > a { padding-right: 44px; }
  .nav-subcaret { display: flex; position: absolute; top: 0; right: 0; width: 44px; height: 36px; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; color: var(--color-graphite); opacity: .65; }
  .nav-subcaret svg { transition: transform .2s ease; }
  .nav-dropdown-item.open > .nav-subcaret svg { transform: rotate(180deg); }
  .nav-subdropdown { display: none; position: static; min-width: 0; background: transparent; border: none; box-shadow: none; padding: 0 0 6px 14px; opacity: 1; pointer-events: auto; transform: none; transition: none; }
  .nav-dropdown-item.open > .nav-subdropdown { display: block; }
  .nav-subdropdown li { border-bottom: none; }
  .nav-subdropdown a { padding: 7px 0; white-space: normal; font-size: 13px; }
}

/* mobil alt bilgi: sıkıştırılmış düzen */
@media (max-width: 600px) {
  footer { padding: 28px 0 0; }
  .footer-grid { gap: 16px; padding-bottom: 14px; margin-bottom: 14px; }
  .footer-grid > div:first-child { display: flex; align-items: center; justify-content: space-between; }
  .footer-logo-img { height: 34px; margin-bottom: 0; }
  .footer-grid .socials { margin-top: 0; }
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 14px 16px; }
  .footer-col .footer-baslik { margin-bottom: 4px; }
  .footer-col ul { gap: 0; }
  .footer-col a { padding: 5px 0; }
  .footer-col:last-child { grid-column: 1 / -1; }
  .footer-col:last-child ul { flex-direction: row; flex-wrap: wrap; gap: 0 20px; }
  .footer-col:last-child li:last-child { display: none; }
  .footer-uyari { padding: 12px 0 8px; font-size: 11px; }
  .footer-copy { padding: 12px 0; }
}

/* yüzen WhatsApp: kapatma düğmesi */
.float-kapat { position: absolute; top: -10px; left: -10px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--color-parchment); background: var(--color-graphite); color: var(--color-parchment); font-size: 17px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-md); padding: 0; }
.float-kapat:hover { opacity: .85; }
.float-kapat:focus-visible { outline: 2px solid var(--color-bronze); outline-offset: 2px; }

/* mobil menü: tüm satırlar ortalı (Faaliyet Alanları dahil) */
@media (max-width: 900px) {
  .nav-item > a { padding: 0 44px; text-align: center; }
  .nav-dropdown a, .nav-subdropdown a { text-align: center; }
  .nav-dropdown-item > a { padding: 8px 44px; }
  .nav-subdropdown { padding: 0 0 6px; }
  .nav-subdropdown a { padding: 7px 8px; }
}

/* Tıklanabilir öğeler: mavi bağlantı rengi ve işaretler (açık zeminde koyu mavi, koyu zeminde açık mavi) */
:root { --color-link: #1e3a5f; --color-link-hover: #7a5c30; --color-link-dark: var(--color-parchment); --color-link-dark-hover: #d4b27a; --color-link-line: rgba(30,58,95,.45); }

header nav a, .nav-dropdown a, .nav-subdropdown a, .nav-caret, .nav-subcaret { color: var(--color-link); opacity: 1; }
header nav a:hover, .nav-dropdown a:hover, .nav-subdropdown a:hover, .nav-caret:hover { color: var(--color-link-hover); text-decoration: underline; text-underline-offset: 5px; }
header nav a.active { color: var(--color-bronze); }

main p a:not([class]), main li a:not([class]), main td a:not([class]), main dd a:not([class]), main summary a:not([class]),
.article-body a, .author-box .author-links a, .dava-ara-hint a, .results-count a, .kn-rehber li a, .m-konuya-don a, .related-list a, .cookie p a, .footer-uyari a {
  color: var(--color-link); text-decoration: underline; text-decoration-color: var(--color-link-line); text-underline-offset: 3px;
}
main p a:not([class]):hover, main li a:not([class]):hover, main td a:not([class]):hover, main dd a:not([class]):hover, main summary a:not([class]):hover,
.article-body a:hover, .author-box .author-links a:hover, .dava-ara-hint a:hover, .results-count a:hover, .kn-rehber li a:hover, .m-konuya-don a:hover, .related-list a:hover, .cookie p a:hover {
  color: var(--color-link-hover); text-decoration-color: currentColor;
}

.sg-nav a, .sg-konular a, .sg-bolumler a, .sg-bu-sayfada a, .toc a, .toc-mobile a, .m-toc a, .a4-makaleler a, .a4-diger a, .kn-diger a, .ka-bolumler a, .kn-atla a, .alan-card-cats a, .dava-ara-sonuc a { color: var(--color-link); text-decoration: none; }
.sg-nav a:hover, .sg-konular a:hover, .sg-bolumler a:hover, .sg-bu-sayfada a:hover, .toc a:hover, .toc-mobile a:hover, .m-toc a:hover, .kn-diger a:hover, .ka-bolumler a:hover, .kn-atla a:hover, .alan-card-cats a:hover, .dava-ara-sonuc a:hover { color: var(--color-link-hover); text-decoration: underline; text-underline-offset: 3px; }
.m-toc a::before { color: var(--color-link); opacity: .6; }
.sg-konular > li > a:not(:hover):not(:focus-visible) { text-decoration: none; }

.article .yol a, .article .m-dava-turu a, .related-list a { color: var(--color-link); text-decoration-color: var(--color-link-line); }
.yol a, .m-dava-turu a, .makale-hero .meta-strip a, .hero-kunye a, .page-hero a:not([class]), .hero a:not([class]), .search-no-result a, .m-cta a:not([class]) { color: var(--color-link-dark); text-decoration-color: rgba(254,254,252,.45); }
.yol a:hover, .m-dava-turu a:hover, .makale-hero .meta-strip a:hover, .hero-kunye a:hover, .page-hero a:not([class]):hover, .hero a:not([class]):hover, .search-no-result a:hover, .m-cta a:not([class]):hover { color: var(--color-link-dark-hover); text-decoration-color: currentColor; }

footer a:not(.soc) { color: var(--color-link-dark); text-decoration: underline; text-decoration-color: rgba(254,254,252,.35); text-underline-offset: 3px; }
footer a:not(.soc):hover { color: var(--color-link-dark-hover); text-decoration-color: currentColor; }

.uz-cell-go, .arac-card-go, .mak-card .mak-title, .arac-card h3, .uz-cell-label, .mk-baslik a, .mk-yol-link:not(.mk-ikon), .mak-cat { color: var(--color-link); }
.uz-cell-go, .arac-card-go { text-decoration-color: var(--color-link-line); }
.mak-card .mak-title::after { content: ' →'; font-family: var(--font-body, inherit); font-size: .8em; }
.mak-card:hover .mak-title, .arac-card:hover h3, .uz-cell:hover .uz-cell-label, .mk-baslik a:hover { color: var(--color-link-hover); }

main a[target="_blank"]:not([class])::after, footer a[target="_blank"]:not(.soc)::after, .author-box a[target="_blank"]::after { content: ' ↗'; font-size: .85em; text-decoration: none; display: inline-block; }
a.cdi { color: var(--color-link); }
a.cdi:hover { color: var(--color-link-hover); text-decoration: underline; text-underline-offset: 3px; }
main :is(.sg-nav, .sg-konular, .sg-bolumler, .sg-bu-sayfada, .toc, .toc-mobile, .m-toc, .kn-diger, .kn-atla, .ka-bolumler) a:not([class]) { text-decoration: none; }
main :is(.sg-nav, .sg-konular, .sg-bolumler, .sg-bu-sayfada, .toc, .toc-mobile, .m-toc, .kn-diger, .kn-atla, .ka-bolumler) a:not([class]):hover { text-decoration: underline; text-underline-offset: 3px; }

.footer-logo-link { display: inline-block; text-decoration: none; }
footer .footer-logo-link { text-decoration: none; }

/* hero arka planı: dar ekranlarda 960 px sürüm (bayt tasarrufu; head içindeki preload ile aynı eşik) */
@media (max-width: 900px) {
  .hero-bg-img, .page-hero .hero-bg-img { background-image: url('danistay-gorsel-960.webp'); }
}

/* mobil menü hiyerarşisi: 1) Faaliyet Alanları  2) alan (genişleyen, kalın, bronz çizgi)  3) konu (girintili, ince, › işaretli son bağlantı) */
@media (max-width: 900px) {
  .nav-item.open .nav-dropdown { margin: 10px 0 4px; padding: 0; }
  .nav-dropdown > .nav-dropdown-item { border-bottom: none; margin-bottom: 4px; background: var(--color-verdigris-wash); border: 1px solid rgba(28,46,74,.14); border-radius: var(--radius-sm); }
  .nav-dropdown > .nav-dropdown-item.open { background: rgba(122,92,48,.10); }
  .nav-dropdown > .nav-dropdown-item > a { text-align: left; padding: 11px 48px 11px 14px; font-size: 14px; font-weight: 600; }
  .nav-dropdown > .nav-dropdown-item.open > a { color: var(--color-link-hover); }
  .nav-dropdown > .nav-dropdown-item > .nav-subcaret { height: 44px; opacity: 1; }
  .nav-dropdown > .nav-dropdown-item > .nav-subcaret svg { width: 15px; height: 15px; stroke-width: 2.5; }
  .nav-dropdown-item > .nav-subdropdown { padding: 0 10px 10px 22px; }
  .nav-subdropdown li { border-bottom: none; }
  .nav-subdropdown a { position: relative; text-align: left; padding: 9px 6px 9px 20px; font-size: 13.5px; font-weight: 400; border-left: 1px solid rgba(28,46,74,.3); }
  .nav-subdropdown a::before { content: '›'; position: absolute; left: 7px; top: 8px; color: var(--color-bronze); font-weight: 600; }
}