/* Trigonium — renkler ve yazı tipi ODORGO sitesiyle aynı aileden */
:root {
  --koyu: #163c2e;
  --yesil: #2f7d5b;
  --acik: #eef6f1;
  --cok-acik: #f6faf8;
  --cizgi: #dde5e2;
  --metin: #232323;
  --soluk: #4a5a5f;
  --sari: #f7c603;
  --bronz: #95866f;
  --olcu: min(1180px, 100% - 3rem);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: #fff;
  color: var(--metin);
  font-family: "Public Sans", -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
}
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { margin: 0; line-height: 1.18; font-weight: 700; letter-spacing: -0.01em; color: var(--koyu); }
p { margin: 0; }
a { color: var(--yesil); text-underline-offset: 3px; }
a:hover { color: var(--koyu); }
a:focus-visible { outline: 3px solid var(--sari); outline-offset: 3px; }
.olcu { width: var(--olcu); margin-inline: auto; }

/* Üst menü */
.ust { background: #fff; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; z-index: 10; }
.ust .olcu { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 76px; }
.ust .logo img { width: 184px; }
.menu { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 1.5rem; font-size: 0.9688rem; font-weight: 500; }
.menu a { color: var(--metin); text-decoration: none; padding-block: 0.5rem; border-bottom: 2px solid transparent; }
.menu a:hover { color: var(--yesil); }
.menu a[aria-current="page"] { color: var(--koyu); border-bottom-color: var(--yesil); }
.menu-dugme { display: none; }
@media (max-width: 980px) {
  .ust .olcu { flex-wrap: wrap; padding-block: 0.75rem; min-height: 0; }
  .ust .logo img { width: 150px; }
  .menu-dugme { display: inline-block; font: inherit; font-weight: 600; background: none; border: 1px solid var(--cizgi); border-radius: 4px; padding: 0.5rem 0.875rem; color: var(--koyu); }
  .menu { display: none; width: 100%; flex-direction: column; align-items: stretch; gap: 0; padding-bottom: 0.5rem; }
  .menu.acik { display: flex; }
  .menu a { padding: 0.75rem 0; border-bottom: 1px solid var(--cizgi); }
}

/* Ana sayfa girişi */
.giris { position: relative; color: #fff; background: var(--koyu) center / cover no-repeat; }
.giris::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14, 44, 33, 0.9) 0%, rgba(14, 44, 33, 0.62) 46%, rgba(14, 44, 33, 0.08) 100%); }
.giris .olcu { position: relative; padding-block: clamp(4rem, 12vw, 9rem); }
.giris h1 { color: #fff; font-size: clamp(2.25rem, 4.6vw, 3.75rem); max-width: 15ch; }
.giris p { margin-top: 1.5rem; max-width: 50ch; font-size: clamp(1.0625rem, 1.5vw, 1.1875rem); color: #eaf3ee; }
.giris .dugmeler { margin-top: 2.25rem; display: flex; flex-wrap: wrap; gap: 0.875rem; }
@media (max-width: 700px) { .giris::before { background: rgba(14, 44, 33, 0.72); } }

.dugme { display: inline-block; padding: 0.875rem 1.5rem; border-radius: 4px; font-weight: 600; text-decoration: none; background: var(--sari); color: #1c1c1c; }
.dugme:hover { background: #ffd62e; color: #1c1c1c; }
.dugme.cizgili { background: transparent; color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.85); }
.dugme.cizgili:hover { background: #fff; color: var(--koyu); }
.dugme.yesil { background: var(--koyu); color: #fff; }
.dugme.yesil:hover { background: var(--yesil); color: #fff; }

/* Bölümler */
.bolum { padding-block: clamp(3.25rem, 7vw, 5.5rem); }
.bolum.tonlu { background: var(--cok-acik); }
.bolum > .olcu > h2 { font-size: clamp(1.625rem, 2.8vw, 2.25rem); max-width: 24ch; }
.bolum .alt-baslik { margin-top: 0.875rem; color: var(--soluk); max-width: 60ch; }

/* Duyarlılıklar */
.olculer { list-style: none; margin: 2.5rem 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--cizgi); }
@media (min-width: 640px) { .olculer { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .olculer { grid-template-columns: repeat(3, 1fr); } }
.olculer li { padding: 1.5rem 1.5rem 1.5rem 0; border-bottom: 1px solid var(--cizgi); }
.olculer strong { display: block; font-size: 1.25rem; color: var(--koyu); }
.olculer span { display: block; margin-top: 0.375rem; color: var(--soluk); font-size: 1rem; }
.olculer.kisa strong { font-size: 1.125rem; }

/* Sayfa kartları */
.kartlar { margin-top: 2.5rem; display: grid; grid-template-columns: 1fr; gap: 2rem 1.75rem; }
@media (min-width: 640px) { .kartlar { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .kartlar { grid-template-columns: repeat(3, 1fr); } }
.kart { display: block; text-decoration: none; color: inherit; }
.kart img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }
.kart h3 { margin-top: 1rem; font-size: 1.25rem; }
.kart p { margin-top: 0.375rem; color: var(--soluk); font-size: 1rem; }
.kart:hover h3 { color: var(--yesil); text-decoration: underline; text-underline-offset: 4px; }

/* İç sayfa başlığı */
.sayfa-basi { position: relative; color: #fff; background: var(--koyu) center / cover no-repeat; }
.sayfa-basi::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 44, 33, 0.35) 0%, rgba(14, 44, 33, 0.82) 100%); }
.sayfa-basi .olcu { position: relative; padding-block: clamp(5rem, 13vw, 9rem) clamp(2rem, 4vw, 3rem); }
.sayfa-basi .yol { font-size: 0.9375rem; color: #dcebe3; }
.sayfa-basi .yol a { color: #dcebe3; }
.sayfa-basi h1 { margin-top: 0.5rem; color: #fff; font-size: clamp(2rem, 4vw, 3rem); max-width: 22ch; }

/* İç sayfa gövdesi */
.govde { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
@media (min-width: 980px) { .govde { grid-template-columns: 7fr 4fr; gap: 4.5rem; } .govde.tek { grid-template-columns: minmax(0, 46rem); } }
.yazi > * + * { margin-top: 1.125rem; }
.yazi .one-cikan { font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.4; font-weight: 600; color: var(--koyu); }
.yazi h2 { font-size: 1.5rem; margin-top: 2.25rem; }
.yan img { width: 100%; border-radius: 4px; }
.yan figure { margin: 0; }
.yan figcaption { margin-top: 0.5rem; font-size: 0.9063rem; color: var(--soluk); }
.yan .not { margin-top: 1rem; padding: 1.25rem 1.375rem; background: var(--acik); border-radius: 4px; font-size: 1rem; }
.yan .not strong { display: block; color: var(--koyu); margin-bottom: 0.25rem; }
.baglar { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 0.875rem; }

/* Mesaj */
.mesaj p { font-size: 1.125rem; line-height: 1.75; }
.mesaj .imza { margin-top: 2.25rem; padding-top: 1.5rem; border-top: 1px solid var(--cizgi); font-size: 1.0625rem; }
.mesaj .imza strong { display: block; font-size: 1.1875rem; color: var(--koyu); }
.mesaj .imza span { color: var(--soluk); }

/* Basın listesi */
.basin { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.basin li { display: grid; grid-template-columns: 1fr; gap: 0.25rem 2rem; padding: 1.5rem 0; border-bottom: 1px solid var(--cizgi); }
@media (min-width: 820px) { .basin li { grid-template-columns: 11rem 1fr auto; align-items: baseline; } }
.basin time { color: var(--soluk); font-size: 0.9688rem; }
.basin .yayin { font-size: 0.9688rem; color: var(--yesil); font-weight: 600; }
.basin h2 { font-size: 1.1875rem; font-weight: 600; margin-top: 0.125rem; }
.basin a { font-weight: 600; white-space: nowrap; }

/* Şerit: başkanın sözü */
.soz { background: var(--koyu); color: #fff; }
.soz .olcu { display: grid; grid-template-columns: 1fr; gap: 1.5rem; padding-block: clamp(3rem, 6vw, 4.5rem); }
@media (min-width: 980px) { .soz .olcu { grid-template-columns: 8fr 3fr; align-items: end; gap: 4rem; } }
.soz blockquote { margin: 0; font-size: clamp(1.375rem, 2.6vw, 2rem); line-height: 1.35; font-weight: 600; max-width: 30ch; }
.soz .kim { margin-top: 1.25rem; color: #cfe2d9; font-size: 1rem; }
.soz .kim strong { color: #fff; }

/* Alt */
footer { background: #0f2d22; color: #cfe2d9; font-size: 0.9688rem; }
footer .olcu { padding-block: 3.25rem 2rem; }
.alt { display: grid; grid-template-columns: 1fr; gap: 2rem; }
@media (min-width: 820px) { .alt { grid-template-columns: 1.3fr 1fr 1fr; gap: 3rem; } }
.alt img { width: 190px; margin-bottom: 1.125rem; }
.alt h2 { color: #fff; font-size: 1rem; margin-bottom: 0.625rem; letter-spacing: 0; }
.alt ul { list-style: none; margin: 0; padding: 0; }
.alt li + li { margin-top: 0.375rem; }
.alt a { color: #cfe2d9; }
.alt a:hover { color: #fff; }
.telif { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.875rem; color: #a9c4b7; }

/* Ana sayfa: altı ölçü — yazı önde, görsel küçük */
.olcu-kartlar { list-style: none; margin: 2.5rem 0 0; padding: 0; display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--cizgi); }
@media (min-width: 820px) { .olcu-kartlar { grid-template-columns: repeat(2, 1fr); column-gap: 3.5rem; } }
.olcu-kartlar li { display: grid; grid-template-columns: 88px 1fr; gap: 1.25rem; align-items: center; padding: 1.5rem 0; border-bottom: 1px solid var(--cizgi); }
.olcu-kartlar img { width: 88px; height: 88px; object-fit: cover; border-radius: 4px; }
.olcu-kartlar h3 { font-size: 1.5rem; }
.olcu-kartlar h3 a { color: inherit; text-decoration: none; }
.olcu-kartlar h3 a:hover { color: var(--yesil); text-decoration: underline; }
.olcu-kartlar p { margin-top: 0.375rem; color: var(--metin); font-size: 1.1875rem; line-height: 1.5; }
.olcu-kartlar .ek { font-size: 1rem; font-weight: 600; }
@media (max-width: 480px) { .olcu-kartlar li { grid-template-columns: 64px 1fr; gap: 1rem; } .olcu-kartlar img { width: 64px; height: 64px; } .olcu-kartlar h3 { font-size: 1.3125rem; } .olcu-kartlar p { font-size: 1.0938rem; } }

/* Sayfa kartları: görsel daha alçak, başlık daha belirgin */
.kart img { aspect-ratio: 2 / 1; }
.kart h3 { font-size: 1.3125rem; }
.kart p { color: var(--metin); }

/* Sosyal sorumluluk bandı */
.sorumluluk { display: grid; grid-template-columns: 1fr; gap: 1.75rem; align-items: center; }
@media (min-width: 820px) { .sorumluluk { grid-template-columns: 180px 1fr; gap: 3rem; } }
.sorumluluk img { width: 100%; max-width: 180px; aspect-ratio: 1; object-fit: cover; border-radius: 4px; }
.sorumluluk h2 { font-size: clamp(1.625rem, 2.8vw, 2.25rem); }
.sorumluluk p { margin-top: 0.875rem; max-width: 58ch; font-size: 1.1875rem; }
.ust-etiket { margin: 0 0 0.375rem !important; font-size: 0.9375rem; font-weight: 600; color: var(--yesil); }

/* Anadolu parsı sayfası */
.rakamlar { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.rakamlar li { padding: 1rem 0; border-bottom: 1px solid var(--cizgi); }
.rakamlar strong { display: block; font-size: 1.625rem; line-height: 1.2; color: var(--koyu); }
.rakamlar span { display: block; margin-top: 0.25rem; color: var(--soluk); font-size: 0.9688rem; }
.kisa-not { margin-top: 1rem; font-size: 0.875rem; color: var(--soluk); }
.zaman { list-style: none; margin: 2.25rem 0 0; padding: 0; border-top: 1px solid var(--cizgi); }
.zaman li { display: grid; grid-template-columns: 1fr; gap: 0.25rem 2rem; padding: 1.125rem 0; border-bottom: 1px solid var(--cizgi); }
@media (min-width: 820px) { .zaman li { grid-template-columns: 12rem 1fr; } }
.zaman time { font-weight: 700; color: var(--koyu); }
.zaman p { max-width: 62ch; }
.kaynaklar { padding-left: 1.125rem; }
.kaynaklar li + li { margin-top: 0.375rem; }
html { scroll-padding-top: 90px; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Anadolu parsı sayfası: sorular, grafikler, galeri, kaynaklar */
.sorular { margin-top: 2rem; display: grid; grid-template-columns: 1fr; gap: 0 3.5rem; border-top: 1px solid var(--cizgi); }
@media (min-width: 900px) { .sorular { grid-template-columns: repeat(2, 1fr); } }
.soru { padding: 1.5rem 0; border-bottom: 1px solid var(--cizgi); }
.soru h3 { font-size: 1.25rem; }
.soru p { margin-top: 0.5rem; }
.kaynak-satiri { margin-top: 0.5rem; font-size: 0.9375rem; color: var(--soluk); }
.grafik-kutu { margin-top: 2.5rem; max-width: 860px; }
.grafik-kutu h3 { font-size: 1.3125rem; }
.grafik-not { margin-top: 0.25rem; color: var(--soluk); font-size: 1rem; }
.grafik { display: block; width: 100%; height: auto; margin-top: 1rem; font-family: inherit; }
.grafik .g-ad { font-size: 15px; fill: #232323; }
.grafik .g-deger { font-size: 15px; font-weight: 600; fill: #232323; }
.grafik g:hover path, .grafik g:hover rect[fill="#2f7d5b"] { opacity: 0.8; }
details { margin-top: 0.75rem; }
summary { cursor: pointer; color: var(--yesil); font-weight: 600; font-size: 0.9688rem; }
.veri { margin-top: 0.75rem; border-collapse: collapse; font-size: 1rem; font-variant-numeric: tabular-nums; }
.veri th, .veri td { text-align: left; padding: 0.375rem 1.5rem 0.375rem 0; border-bottom: 1px solid var(--cizgi); font-weight: 400; }
.veri thead th { font-weight: 600; color: var(--koyu); }
.galeri { margin-top: 2rem; display: grid; grid-template-columns: 1fr; gap: 1.75rem; }
@media (min-width: 700px) { .galeri { grid-template-columns: repeat(2, 1fr); } }
.galeri figure { margin: 0; }
.galeri img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; }
.galeri figcaption { margin-top: 0.5rem; font-size: 0.9688rem; color: var(--soluk); }
.kaynak-gruplari { margin-top: 2rem; display: grid; grid-template-columns: 1fr; gap: 2rem 3.5rem; }
@media (min-width: 820px) { .kaynak-gruplari { grid-template-columns: repeat(2, 1fr); } }
.kaynak-gruplari h3 { font-size: 1.125rem; }
.kaynak-gruplari ul { margin: 0.625rem 0 0; padding-left: 1.125rem; }
.kaynak-gruplari li + li { margin-top: 0.5rem; }
@media (max-width: 560px) { .grafik .g-ad, .grafik .g-deger { font-size: 22px; } }