/*
Theme Name: GölgeliYorum
Theme URI: https://newslabturkey.org/
Author: NewsLab Türkiye
Description: Çerçeve odaklı haber karşılaştırma teması. "GölgeliYorum Core" eklentisiyle birlikte çalışır: aynı olayın farklı yayınlarda nasıl çerçevelendiğini gösteren dosya sayfaları üretir.
Version: 0.9.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: golgeliyorum-tema
Tags: news, magazine, dark-mode, custom-menu, translation-ready
*/

/* =========================================================
   1. Tasarım belirteçleri
   ========================================================= */

:root {
	/* Yüzeyler */
	--gy-zemin:      #f2f3f5;
	--gy-yuzey:      #ffffff;
	--gy-yuzey-alt:  #f7f8f9;
	--gy-koyu:       #0d1117;
	--gy-koyu-alt:   #161b22;

	/* Metin */
	--gy-metin:      #14181d;
	--gy-metin-ters: #f0f2f4;
	--gy-soluk:      #6b7480;
	--gy-soluk-ters: #9aa3ad;

	/* Çizgi */
	--gy-cizgi:      #e3e6ea;
	--gy-cizgi-koyu: #262c34;

	/* Marka */
	--gy-vurgu:      #1f6feb;
	--gy-canli:      #d92f36;

	/* Ölçü */
	--gy-r:          12px;
	--gy-r-kucuk:    6px;
	--gy-kapsa:      1180px;
	--gy-bosluk:     20px;

	--gy-golge:      0 1px 2px rgba(16, 20, 26, .06), 0 4px 12px rgba(16, 20, 26, .04);

	color-scheme: light;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--gy-zemin:     #0b0e13;
		--gy-yuzey:     #12161c;
		--gy-yuzey-alt: #171c23;
		--gy-metin:     #e8eaed;
		--gy-soluk:     #9aa3ad;
		--gy-cizgi:     #242a32;
		--gy-golge:     none;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--gy-zemin:     #0b0e13;
	--gy-yuzey:     #12161c;
	--gy-yuzey-alt: #171c23;
	--gy-metin:     #e8eaed;
	--gy-soluk:     #9aa3ad;
	--gy-cizgi:     #242a32;
	--gy-golge:     none;
	color-scheme: dark;
}

/* =========================================================
   2. Temel
   ========================================================= */

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	background: var(--gy-zemin);
	color: var(--gy-metin);
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

h1, h2, h3 { line-height: 1.2; letter-spacing: -0.015em; margin: 0; }

.gyt-kapsa {
	width: 100%;
	max-width: var(--gy-kapsa);
	margin: 0 auto;
	padding: 0 16px;
}

.screen-reader-text {
	position: absolute; width: 1px; height: 1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
	white-space: nowrap;
}

.gyt-atla {
	position: absolute; left: -9999px; top: 0; z-index: 100;
	background: var(--gy-koyu); color: #fff; padding: 10px 16px;
}
.gyt-atla:focus { left: 8px; top: 8px; }

:focus-visible { outline: 2px solid var(--gy-vurgu); outline-offset: 2px; }

/* =========================================================
   3. Üst bar — üç katman
   ========================================================= */

.gyt-ust { background: var(--gy-koyu); color: var(--gy-metin-ters); }

/* 3.1 Araç çubuğu */

.gyt-arac-cubugu {
	background: #07090c;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	font-size: .72rem;
}
.gyt-arac-ic {
	display: flex; align-items: center; justify-content: space-between;
	gap: 12px; min-height: 34px; flex-wrap: wrap;
}

.gyt-tema-secici { display: inline-flex; align-items: center; gap: 4px; }
.gyt-tema-etiket { color: var(--gy-soluk-ters); margin-right: 2px; }
.gyt-tema-secici button {
	background: none; border: 0; padding: 3px 6px; cursor: pointer;
	color: var(--gy-soluk-ters); font: inherit; border-radius: 3px;
}
.gyt-tema-secici button:hover { color: var(--gy-metin-ters); }
.gyt-tema-secici button[aria-pressed="true"] {
	color: var(--gy-metin-ters);
	background: rgba(255, 255, 255, .1);
}

.gyt-arac-sag { display: flex; align-items: center; gap: 14px; color: var(--gy-soluk-ters); }
.gyt-arac-baglanti { color: var(--gy-soluk-ters); text-decoration: none; }
.gyt-arac-baglanti:hover { color: var(--gy-metin-ters); }

/* 3.2 Ana çubuk */

.gyt-ana-cubuk { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.gyt-ana-ic { display: flex; align-items: center; gap: 18px; min-height: 62px; }

.gyt-marka {
	display: flex; align-items: center; gap: 10px;
	text-decoration: none; color: inherit; flex-shrink: 0;
}
.gyt-marka-ikon { display: grid; place-items: center; }
.gyt-marka-logo {
	display: block; width: auto;
	height: var(--gy-logo-yukseklik, 34px);
	max-height: var(--gy-logo-yukseklik, 34px);
	object-fit: contain;
}
.gyt-marka-sadece-logo .gyt-marka-metin { display: none; }
.gyt-marka-sadece-metin .gyt-marka-ikon,
.gyt-marka-sadece-metin .gyt-marka-logo { display: none; }
.gyt-marka-metin strong {
	display: block; font-size: 1.02rem; font-weight: 800;
	letter-spacing: .06em; text-transform: uppercase; line-height: 1.1;
}
.gyt-marka-metin small {
	display: block; font-size: .64rem; color: var(--gy-soluk-ters);
}
.gyt-marka-sade { color: var(--gy-metin); }
.gyt-marka-ters { color: var(--gy-metin-ters); }

.gyt-nav-liste { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; }
.gyt-nav-liste a {
	display: block; padding: 7px 11px; border-radius: var(--gy-r-kucuk);
	text-decoration: none; font-size: .87rem; font-weight: 500;
	color: var(--gy-metin-ters); opacity: .82; white-space: nowrap;
}
.gyt-nav-liste a:hover { opacity: 1; background: rgba(255, 255, 255, .08); }
.gyt-nav-liste a[aria-current="page"],
.gyt-nav-liste .current-menu-item > a { opacity: 1; box-shadow: inset 0 -2px 0 var(--gy-metin-ters); border-radius: 0; }

.gyt-ana-sag { display: flex; align-items: center; gap: 10px; margin-left: auto; }

.gyt-ara-form { display: flex; align-items: center; position: relative; }
.gyt-ara-form input[type="search"] {
	width: clamp(140px, 20vw, 260px);
	padding: 8px 12px 8px 34px;
	font-size: .84rem; font-family: inherit;
	background: rgba(255, 255, 255, .06);
	color: var(--gy-metin-ters);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: var(--gy-r-kucuk);
}
.gyt-ara-form input::placeholder { color: var(--gy-soluk-ters); }
.gyt-ara-form input:focus { background: rgba(255, 255, 255, .11); outline: none; border-color: rgba(255, 255, 255, .4); }
.gyt-ara-ikon {
	position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
	color: var(--gy-soluk-ters); pointer-events: none;
}
.gyt-ara-form button {
	position: absolute; width: 1px; height: 1px; overflow: hidden;
	clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

.gyt-giris {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 13px;
	border: 1px solid rgba(255, 255, 255, .24); border-radius: var(--gy-r-kucuk);
	font-size: .78rem; font-weight: 600; text-decoration: none;
	color: var(--gy-metin-ters); white-space: nowrap;
}
.gyt-giris:hover { background: rgba(255, 255, 255, .1); }

.gyt-menu-dugme { display: none; }

/* Ortalanmış düzen
   Üç satır: araçlar sağda, marka ortada, menü altında ortada.
   Tek satırda 1fr–auto–1fr denendiğinde sağdaki arama kutusu fr sütununu
   büyütüp markayı merkezden kaydırıyordu. */

.gyt-hiza-orta .gyt-ana-ic {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "arac" "marka" "menu";
	row-gap: 10px;
	padding-top: 12px;
	padding-bottom: 10px;
	text-align: center;
}
.gyt-hiza-orta .gyt-ana-sag { grid-area: arac; justify-self: end; margin-left: 0; }
.gyt-hiza-orta .gyt-menu-dugme { grid-area: arac; justify-self: start; }
.gyt-hiza-orta .gyt-marka { grid-area: marka; justify-self: center; }
.gyt-hiza-orta .gyt-nav { grid-area: menu; }
.gyt-hiza-orta .gyt-nav-liste { justify-content: center; flex-wrap: wrap; }
.gyt-hiza-orta .gyt-marka-metin { text-align: center; }

@media (max-width: 899px) {
	.gyt-hiza-orta .gyt-ana-ic { row-gap: 8px; }
	.gyt-hiza-orta .gyt-nav { display: none; }
	.gyt-hiza-orta .gyt-nav.acik { display: block; }
}

/* Yapışkan üst bar */

.gyt-yapiskan .gyt-ust {
	position: sticky;
	top: 0;
	z-index: 40;
}
@supports not (position: sticky) {
	.gyt-yapiskan .gyt-ust { position: static; }
}

/* 3.3 Çerçeve şeridi */

.gyt-serit {
	background: #10141a;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.gyt-serit-ic { display: flex; align-items: center; gap: 10px; }
.gyt-serit-basi { color: var(--gy-soluk-ters); display: grid; place-items: center; flex-shrink: 0; }

.gyt-serit-liste {
	display: flex; align-items: center; gap: 6px;
	list-style: none; margin: 0; padding: 9px 0;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.gyt-serit-liste::-webkit-scrollbar { display: none; }
.gyt-serit-liste li { flex-shrink: 0; }

.gyt-serit-cip {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 5px 12px; border-radius: 99px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .1);
	color: var(--gy-metin-ters); text-decoration: none;
	font-size: .78rem; white-space: nowrap;
}
.gyt-serit-cip:hover { background: rgba(255, 255, 255, .13); border-color: var(--gy-renk); }
.gyt-serit-cip.aktif { background: var(--gy-renk); border-color: var(--gy-renk); color: #fff; font-weight: 600; }
.gyt-serit-cip.aktif .gyt-serit-nokta { background: rgba(255, 255, 255, .85); }

.gyt-serit-nokta {
	width: 7px; height: 7px; border-radius: 50%;
	background: var(--gy-renk); flex-shrink: 0;
}

.gyt-serit-tumu {
	display: inline-flex; align-items: center;
	padding: 5px 12px; font-size: .76rem; text-decoration: none;
	color: var(--gy-soluk-ters); white-space: nowrap;
}
.gyt-serit-tumu:hover { color: var(--gy-metin-ters); text-decoration: underline; }

/* =========================================================
   4. Hero
   ========================================================= */

.gyt-hero {
	background: var(--gy-koyu);
	color: var(--gy-metin-ters);
	position: relative;
	overflow: hidden;
}

.gyt-hero-ic {
	display: grid; gap: 24px;
	grid-template-columns: minmax(0, 1fr);
	padding-top: 32px; padding-bottom: 36px;
	position: relative; z-index: 1;
}

.gyt-hero-baslik {
	font-size: clamp(1.9rem, 4.4vw, 2.9rem);
	font-weight: 800; margin: 14px 0 18px;
	max-width: 18ch;
}

.gyt-rozet {
	display: inline-block; padding: 4px 10px;
	background: var(--gy-vurgu); color: #fff;
	border-radius: 4px; text-decoration: none;
	font-size: .68rem; font-weight: 800;
	letter-spacing: .09em; text-transform: uppercase;
}
.gyt-rozet-kucuk { font-size: .6rem; padding: 3px 8px; }
.gyt-rozet-canli { background: var(--gy-canli); }

.gyt-hero-meta {
	display: flex; flex-wrap: wrap; gap: 8px 20px;
	list-style: none; margin: 0 0 18px; padding: 0;
	font-size: .82rem; color: var(--gy-soluk-ters);
}
.gyt-hero-meta li { display: inline-flex; align-items: center; gap: 6px; }

.gyt-hero-ozet {
	margin: 0; max-width: 62ch;
	font-size: .95rem; color: #c9d0d8;
}

.gyt-hero-gorsel { margin: 0; border-radius: var(--gy-r); overflow: hidden; }
.gyt-hero-gorsel img { width: 100%; object-fit: cover; }

@media (min-width: 880px) {
	.gyt-hero-ic { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; }
	.gyt-hero-metin { order: 1; }
	.gyt-hero-gorsel { order: 2; }
}

/* =========================================================
   5. Dosya ızgarası ve kartlar
   ========================================================= */

.gyt-govde { display: block; }

.gyt-dosya-grid {
	display: grid; gap: var(--gy-bosluk);
	/* minmax(0,1fr): 1fr tek başına içerik min-width'ine göre taşabiliyor. */
	grid-template-columns: minmax(0, 1fr);
	padding-top: 28px; padding-bottom: 40px;
	align-items: start;
}

@media (min-width: 980px) {
	.gyt-dosya-grid { grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr); }
}

.gyt-sutun { display: grid; gap: var(--gy-bosluk); align-content: start; min-width: 0; }

.gyt-kart {
	min-width: 0;
	background: var(--gy-yuzey);
	border: 1px solid var(--gy-cizgi);
	border-radius: var(--gy-r);
	box-shadow: var(--gy-golge);
	padding: 22px;
}

.gyt-kart-baslik {
	display: flex; align-items: center; gap: 8px;
	font-size: .92rem; font-weight: 800;
	letter-spacing: .04em; text-transform: uppercase;
	margin-bottom: 6px;
}
.gyt-numara { color: var(--gy-soluk); font-weight: 700; }

.gyt-bilgi {
	display: grid; place-items: center;
	width: 15px; height: 15px; border-radius: 50%;
	border: 1px solid var(--gy-soluk); color: var(--gy-soluk);
	font-size: .58rem; font-weight: 700; font-style: italic;
	cursor: help;
}

.gyt-kart-not, .gyt-dipnot {
	color: var(--gy-soluk); font-size: .8rem; margin: 0 0 18px;
}
.gyt-dipnot { margin: 16px 0 0; }

.gyt-kart-ust {
	display: flex; align-items: center; justify-content: space-between;
	gap: 12px; flex-wrap: wrap; margin-bottom: 14px;
}
.gyt-kart-ust .gyt-kart-baslik { margin-bottom: 0; }

.gyt-sirala {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: .74rem; color: var(--gy-soluk);
}
.gyt-sirala a {
	padding: 4px 10px; border-radius: var(--gy-r-kucuk);
	text-decoration: none; font-weight: 600;
}
.gyt-sirala a.aktif { background: var(--gy-koyu); color: #fff; }

/* =========================================================
   6. Bölüm 1 — çerçeve barları (JS kütüphanesi yok)
   ========================================================= */

.gyt-barlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }

.gyt-bar {
	display: grid;
	grid-template-columns: 30px minmax(84px, 132px) minmax(0, 1fr) 54px;
	align-items: center; gap: 10px;
}

.gyt-bar-ikon {
	width: 30px; height: 30px; border-radius: 50%;
	display: grid; place-items: center; font-size: .88rem;
	background: color-mix(in srgb, var(--gy-renk) 16%, transparent);
	border: 1px solid color-mix(in srgb, var(--gy-renk) 32%, transparent);
}

.gyt-bar-ad { font-size: .86rem; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }

.gyt-bar-track {
	height: 7px; border-radius: 99px;
	background: color-mix(in srgb, var(--gy-cizgi) 90%, transparent);
	overflow: hidden;
}
.gyt-bar-fill {
	display: block; height: 100%; width: var(--gy-oran);
	background: var(--gy-renk); border-radius: 99px;
	animation: gyt-bar-ac .6s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes gyt-bar-ac { from { width: 0; } }
@media (prefers-reduced-motion: reduce) {
	.gyt-bar-fill { animation: none; }
}

.gyt-bar-sayi { text-align: right; line-height: 1.05; }
.gyt-bar-sayi strong { display: block; font-size: 1.1rem; font-weight: 800; }
.gyt-bar-sayi small { font-size: .62rem; color: var(--gy-soluk); }

/* =========================================================
   7. Bölüm 2 — kaynaklar
   ========================================================= */

.gyt-kaynak-liste { list-style: none; margin: 0; padding: 0; }

.gyt-kaynak {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr) minmax(0, 190px);
	gap: 6px 14px;
	padding: 16px 0;
	border-top: 1px solid var(--gy-cizgi);
	align-items: start;
}
.gyt-kaynak:first-child { border-top: 0; padding-top: 0; }

.gyt-kaynak-logo { min-width: 0; }
.gyt-kaynak-logo img { max-height: 26px; width: auto; object-fit: contain; }
.gyt-kaynak-ad {
	font-size: .78rem; font-weight: 800; line-height: 1.2;
	/* break-word: kelimeyi ancak sığmıyorsa böler, "Independen/t" gibi kesikler oluşmaz. */
	overflow-wrap: break-word;
}

.gyt-kaynak-govde { min-width: 0; }

.gyt-kaynak-yan {
	display: flex; flex-direction: column; align-items: stretch;
	gap: 8px; min-width: 0;
}

.gyt-kaynak-baslik { font-size: .95rem; font-weight: 700; margin-bottom: 5px; overflow-wrap: anywhere; }
.gyt-kaynak-baslik a { text-decoration: none; }
.gyt-kaynak-baslik a:hover { text-decoration: underline; text-underline-offset: 2px; }

.gyt-kaynak-zaman { display: block; font-size: .76rem; color: var(--gy-soluk); }

.gyt-kaynak-git {
	display: inline-flex; align-items: center; gap: 4px;
	margin-top: auto; font-size: .76rem; font-weight: 600;
	color: var(--gy-vurgu); text-decoration: none; white-space: nowrap;
	align-self: flex-end;
}
.gyt-kaynak-git:hover { text-decoration: underline; }

.gyt-etiket-basligi {
	display: block; font-size: .58rem; font-weight: 700;
	letter-spacing: .07em; text-transform: uppercase;
	color: var(--gy-soluk); margin-bottom: 5px;
}
.gyt-etiket-sira { display: flex; flex-wrap: wrap; gap: 5px; }

.gyt-etiket {
	padding: 3px 8px; border-radius: 4px;
	background: var(--gy-renk); color: var(--gy-yazi, #fff);
	font-size: .63rem; font-weight: 800;
	letter-spacing: .05em; text-transform: uppercase;
	text-decoration: none;
}
.gyt-etiket:hover { filter: brightness(1.1); }

.gyt-tumu {
	display: block; width: 100%; margin-top: 16px; padding: 11px;
	background: transparent; color: inherit;
	border: 1px solid var(--gy-cizgi); border-radius: var(--gy-r-kucuk);
	font: inherit; font-size: .82rem; font-weight: 600;
	cursor: pointer;
}
.gyt-tumu:hover { background: var(--gy-yuzey-alt); }

/* =========================================================
   8. Bölüm 3 — vurgu tablosu
   ========================================================= */

.gyt-tablo-sar { overflow-x: auto; }

.gyt-tablo {
	width: 100%; border-collapse: collapse;
	font-size: .82rem; min-width: 380px;
}
.gyt-tablo th, .gyt-tablo td {
	text-align: left; padding: 11px 10px;
	border-bottom: 1px solid var(--gy-cizgi);
	vertical-align: top;
}
.gyt-tablo thead th {
	font-size: .68rem; font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase;
	color: var(--gy-soluk);
	border-bottom-width: 2px;
}
.gyt-tablo tbody th { font-weight: 700; white-space: nowrap; }
.gyt-tablo tbody tr:last-child th,
.gyt-tablo tbody tr:last-child td { border-bottom: 0; }
.gyt-odak span { font-weight: 700; }
/* Çerçeve rengini metin olarak kullanırken metin rengine doğru karıştırıyoruz:
   sarı gibi açık tonlar beyaz zeminde okunmuyordu. */
.gyt-odak[style] span { color: color-mix(in srgb, var(--gy-renk) 72%, var(--gy-metin)); }

/* =========================================================
   9. Bölüm 4 — Gölgeli Nokta
   ========================================================= */

.gyt-golgeli {
	background: var(--gy-koyu);
	border-color: var(--gy-koyu);
	color: var(--gy-metin-ters);
}

/* Karanlık modda siyah kart zeminle birleşiyordu: ayırt edici bir kenarlık veriyoruz. */
:root[data-theme="dark"] .gyt-golgeli {
	background: var(--gy-yuzey-alt);
	border-color: var(--gy-cizgi);
	border-left: 3px solid var(--gy-vurgu);
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .gyt-golgeli {
		background: var(--gy-yuzey-alt);
		border-color: var(--gy-cizgi);
		border-left: 3px solid var(--gy-vurgu);
	}
}
.gyt-golgeli .gyt-kart-baslik { color: #fff; }
.gyt-golgeli-goz { display: inline-grid; place-items: center; }

.gyt-golgeli-metin { font-size: .88rem; color: #c3cbd4; }
.gyt-golgeli-metin p { margin: 0 0 12px; }
.gyt-golgeli-metin p:last-child { margin-bottom: 0; }

.gyt-golgeli-vurgu {
	margin: 16px 0 0; padding-top: 14px;
	border-top: 1px solid var(--gy-cizgi-koyu);
	font-size: .9rem; font-weight: 700; color: #fff;
}

/* ---- Accordion (details/summary) ---- */

.gyt-golgeli-ac > summary {
	cursor: pointer;
	list-style: none;           /* Firefox */
	display: block;             /* Safari: liste işaretini kaldırmak için gerekli */
}
.gyt-golgeli-ac > summary::-webkit-details-marker { display: none; }
.gyt-golgeli-ac > summary:focus-visible {
	outline: 2px solid var(--gy-vurgu);
	outline-offset: 4px;
	border-radius: 4px;
}
.gyt-golgeli-ac > summary .gyt-kart-baslik { margin-bottom: 0; }

.gyt-golgeli-isaret {
	margin-left: auto;
	display: inline-grid; place-items: center;
	color: #c3cbd4;
	transition: transform .18s ease;
}
.gyt-golgeli-ac[open] > summary .gyt-golgeli-isaret { transform: rotate(180deg); }

.gyt-golgeli-ac[open] .gyt-golgeli-metin { margin-top: 16px; }

.gyt-golgeli-dipnot {
	margin: 14px 0 0; padding-top: 12px;
	border-top: 1px solid var(--gy-cizgi-koyu);
	font-size: .76rem; color: #9aa4b0;
}

@media (prefers-reduced-motion: reduce) {
	.gyt-golgeli-isaret { transition: none; }
}

/* =========================================================
   10. Bölüm 5 — kapsama özeti
   ========================================================= */

.gyt-sayaclar {
	list-style: none; margin: 0 0 18px; padding: 0;
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px; text-align: center;
}
.gyt-sayaclar li { display: grid; gap: 2px; justify-items: center; }
.gyt-sayac-ikon { color: var(--gy-soluk); }
.gyt-sayaclar strong { font-size: 1.35rem; font-weight: 800; line-height: 1.1; }
.gyt-sayac-ad { font-size: .68rem; color: var(--gy-soluk); }

.gyt-zamanlar {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px; margin: 0;
	padding-top: 16px; border-top: 1px solid var(--gy-cizgi);
	font-size: .78rem;
}
.gyt-zamanlar dt { color: var(--gy-soluk); margin-bottom: 2px; }
.gyt-zamanlar dd { margin: 0; font-weight: 600; }

/* =========================================================
   11. Bölüm 6 — bağlantılı dosyalar
   ========================================================= */

.gyt-bagli-liste { list-style: none; margin: 0; padding: 0; }
.gyt-bagli-liste li + li { border-top: 1px solid var(--gy-cizgi); }
.gyt-bagli-liste a {
	display: flex; align-items: center; gap: 10px;
	padding: 13px 0; text-decoration: none; font-size: .86rem;
}
.gyt-bagli-liste a:hover .gyt-bagli-ad { text-decoration: underline; }
.gyt-bagli-ikon { color: var(--gy-soluk); display: grid; place-items: center; }
.gyt-bagli-ad { flex: 1; }
.gyt-bagli-ok { color: var(--gy-soluk); font-size: 1.1rem; }

/* Dosya giriş metni (isteğe bağlı editör girişi) */

.gyt-giris-metni { border-left: 3px solid var(--gy-cizgi); }
.gyt-giris-govde { font-size: .95rem; }
.gyt-giris-govde > :first-child { margin-top: 0; }
.gyt-giris-govde > :last-child { margin-bottom: 0; }
.gyt-giris-govde p { margin: 0 0 14px; }
.gyt-giris-govde h2, .gyt-giris-govde h3 { font-size: 1.02rem; margin: 20px 0 8px; text-transform: none; letter-spacing: 0; }

/* =========================================================
   11b. Düzeltme ve sözlük
   ========================================================= */


.gyt-duzeltme {
	border: 1px dashed var(--gy-cizgi);
	border-radius: var(--gy-r);
	padding: 16px 18px;
	font-size: .82rem;
	color: var(--gy-soluk);
}
.gyt-duzeltme p { margin: 0 0 10px; }
.gyt-duzeltme-baglanti { font-weight: 700; color: var(--gy-vurgu); text-decoration: none; }
.gyt-duzeltme-baglanti:hover { text-decoration: underline; }

/* Metodoloji kısa kodları */

.gy-sozluk { margin: 0; display: grid; gap: 2px; }
.gy-sozluk-oge {
	padding: 14px 16px; border-left: 3px solid var(--gy-renk);
	background: var(--gy-yuzey-alt);
}
.gy-sozluk dt { font-weight: 700; font-size: .92rem; margin-bottom: 4px; }
.gy-sozluk dt a { text-decoration: none; }
.gy-sozluk dt a:hover { text-decoration: underline; }
.gy-sozluk-ikon { margin-right: 6px; }
.gy-sozluk-sayi { font-weight: 400; font-size: .74rem; color: var(--gy-soluk); }
.gy-sozluk dd { margin: 0; font-size: .84rem; color: var(--gy-soluk); }

.gy-yayin-listesi { list-style: none; margin: 0; padding: 0; }
.gy-yayin-listesi li { padding: 9px 0; border-bottom: 1px solid var(--gy-cizgi); font-size: .88rem; }
.gy-yayin-sayi { color: var(--gy-soluk); font-size: .76rem; }
.gy-yayin-takip {
	display: inline-block; margin-left: 6px; padding: 1px 7px;
	border-radius: 3px; background: var(--gy-yuzey-alt);
	font-size: .68rem; color: var(--gy-soluk);
}

.gy-istatistik {
	list-style: none; margin: 0; padding: 0;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 14px; text-align: center;
}
.gy-istatistik strong { display: block; font-size: 1.6rem; font-weight: 800; }
.gy-istatistik span { font-size: .76rem; color: var(--gy-soluk); }

/* 404 ve arama */

.gyt-404-ara { max-width: 520px; margin: 0 0 32px; }
.gyt-404-ara .gyt-ara-form input[type="search"] {
	background: var(--gy-yuzey); color: var(--gy-metin); border-color: var(--gy-cizgi);
}
.gyt-404-baslik {
	font-size: .88rem; font-weight: 800;
	letter-spacing: .05em; text-transform: uppercase; margin-bottom: 4px;
}
.gyt-besleme { font-size: .8rem; }
.gyt-besleme a { color: var(--gy-metin-ters); }

/* =========================================================
   12. Arşiv ve kartlar
   ========================================================= */

.gyt-sayfa-basi {
	background: var(--gy-koyu); color: var(--gy-metin-ters);
	padding: 34px 0;
}
.gyt-sayfa-basi h1 { font-size: clamp(1.6rem, 3.6vw, 2.3rem); font-weight: 800; }
.gyt-sayfa-basi p { color: var(--gy-soluk-ters); font-size: .9rem; margin: 10px 0 0; max-width: 62ch; }
.gyt-ustbaslik {
	display: block; font-size: .66rem; font-weight: 800;
	letter-spacing: .1em; text-transform: uppercase;
	color: var(--gy-soluk-ters); margin-bottom: 8px;
}
.gyt-sayfa-basi-cerceve { border-bottom: 4px solid var(--gy-renk); }
.gyt-sayfa-basi-sayi { font-weight: 600; }

.gyt-kart-izgara {
	display: grid; gap: var(--gy-bosluk);
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	padding: 28px 0;
}

.gyt-dosya-kart {
	background: var(--gy-yuzey);
	border: 1px solid var(--gy-cizgi);
	border-radius: var(--gy-r);
	box-shadow: var(--gy-golge);
	overflow: hidden;
	display: flex; flex-direction: column;
}
.gyt-dosya-kart-gorsel { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.gyt-dosya-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.gyt-dosya-kart-govde { padding: 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.gyt-dosya-kart-ust { display: flex; gap: 6px; flex-wrap: wrap; }
.gyt-dosya-kart-baslik { font-size: 1.02rem; font-weight: 700; }
.gyt-dosya-kart-baslik a { text-decoration: none; }
.gyt-dosya-kart-baslik a:hover { text-decoration: underline; }
.gyt-dosya-kart-ozet { margin: 0; font-size: .84rem; color: var(--gy-soluk); }

.gyt-mini-barlar { display: flex; gap: 3px; height: 5px; }
.gyt-mini-bar {
	flex: 1; border-radius: 99px;
	background: color-mix(in srgb, var(--gy-renk) 28%, transparent);
	position: relative; overflow: hidden;
}
.gyt-mini-bar::after {
	content: ""; position: absolute; inset: 0 auto 0 0;
	width: var(--gy-oran); background: var(--gy-renk); border-radius: 99px;
}

.gyt-dosya-kart-meta {
	list-style: none; margin: auto 0 0; padding: 0;
	display: flex; flex-wrap: wrap; gap: 4px 12px;
	font-size: .74rem; color: var(--gy-soluk);
}

.gyt-bos { padding: 60px 0; text-align: center; color: var(--gy-soluk); }

/* Doldurulmayan isteğe bağlı alan: hücre boş görünmesin. */
.gyt-yok { color: var(--gy-soluk); }

.gyt-tekil { padding: 32px 0 48px; }
.gyt-yazi { background: var(--gy-yuzey); border: 1px solid var(--gy-cizgi); border-radius: var(--gy-r); padding: 28px; }
.gyt-arama-basligi { margin-bottom: 8px; font-size: 1.5rem; }

.pagination, .navigation.pagination { padding: 0 0 40px; }
.nav-links { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; }
.page-numbers {
	display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 10px;
	background: var(--gy-yuzey); border: 1px solid var(--gy-cizgi);
	border-radius: var(--gy-r-kucuk); text-decoration: none; font-size: .84rem;
}
.page-numbers.current { background: var(--gy-koyu); color: #fff; border-color: var(--gy-koyu); }

/* =========================================================
   12b. Ana sayfa
   ========================================================= */

/* Vitrin — öne çıkan dosya + iki mini kart */

.gyt-vitrin { background: var(--gy-koyu); color: var(--gy-metin-ters); }

.gyt-vitrin-ic {
	display: grid; gap: 28px;
	grid-template-columns: minmax(0, 1fr);
	padding-top: 34px; padding-bottom: 38px;
}

@media (min-width: 940px) {
	.gyt-vitrin-ic { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
}

.gyt-vitrin-ana { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); align-content: start; }

@media (min-width: 660px) {
	/* start: görseli üste hizalıyoruz. Sütun yüksekliğine yaymak, yatay kapağı
	   dikey kutuya sıkıştırıp kadrajı bozuyordu. */
	.gyt-vitrin-ana { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: start; }
	.gyt-vitrin-gorsel img { aspect-ratio: 4 / 3; }
}

.gyt-vitrin-gorsel { display: block; border-radius: var(--gy-r); overflow: hidden; }
.gyt-vitrin-gorsel img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

.gyt-vitrin-metin { min-width: 0; }
.gyt-vitrin-rozetler { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }

.gyt-vitrin-baslik { font-size: clamp(1.55rem, 3.1vw, 2.15rem); font-weight: 800; margin-bottom: 12px; }
.gyt-vitrin-baslik a { text-decoration: none; }
.gyt-vitrin-baslik a:hover { text-decoration: underline; text-underline-offset: 3px; }

.gyt-vitrin-ozet { margin: 0 0 18px; font-size: .89rem; color: #c3cbd4; }

.gyt-vitrin-barlar { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 8px; }
.gyt-vitrin-barlar li {
	display: grid; grid-template-columns: minmax(0, 108px) minmax(0, 1fr) 22px;
	align-items: center; gap: 10px; font-size: .76rem;
}
.gyt-vitrin-bar-ad { color: #c3cbd4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gyt-vitrin-bar-track { height: 5px; border-radius: 99px; background: rgba(255, 255, 255, .12); overflow: hidden; min-width: 0; }
.gyt-vitrin-bar-fill { display: block; height: 100%; width: var(--gy-oran); background: var(--gy-renk); border-radius: 99px; }
.gyt-vitrin-bar-sayi { text-align: right; font-weight: 700; }

.gyt-vitrin-meta {
	list-style: none; margin: 0 0 20px; padding: 0;
	display: flex; flex-wrap: wrap; gap: 6px 18px;
	font-size: .78rem; color: var(--gy-soluk-ters);
}
.gyt-vitrin-meta li { display: inline-flex; align-items: center; gap: 6px; }

.gyt-vitrin-dugme {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 10px 18px; border-radius: var(--gy-r-kucuk);
	background: var(--gy-metin-ters); color: var(--gy-koyu);
	font-size: .83rem; font-weight: 700; text-decoration: none;
}
.gyt-vitrin-dugme:hover { background: #fff; }

.gyt-vitrin-yan {
	display: grid; gap: 14px; align-content: start;
	padding-top: 4px;
}
.gyt-vitrin-yan-baslik {
	font-size: .7rem; font-weight: 800;
	letter-spacing: .1em; text-transform: uppercase;
	color: var(--gy-soluk-ters);
}

.gyt-vitrin-mini {
	padding: 14px 0;
	border-top: 1px solid var(--gy-cizgi-koyu);
	display: grid; gap: 8px;
}
.gyt-mini-kat {
	font-size: .62rem; font-weight: 800;
	letter-spacing: .08em; text-transform: uppercase;
	color: var(--gy-soluk-ters);
}
.gyt-vitrin-mini h3 { font-size: .95rem; font-weight: 700; }
.gyt-vitrin-mini h3 a { text-decoration: none; }
.gyt-vitrin-mini h3 a:hover { text-decoration: underline; }
.gyt-mini-meta { margin: 0; font-size: .74rem; color: var(--gy-soluk-ters); }

/* Çerçeve bandı */

.gyt-cerceve-bandi { background: var(--gy-yuzey); border-bottom: 1px solid var(--gy-cizgi); padding: 28px 0; }

.gyt-bolum-ust {
	display: flex; align-items: baseline; justify-content: space-between;
	gap: 4px 12px; flex-wrap: wrap; margin-bottom: 18px;
}
.gyt-bolum-ust .gyt-bolum-not { margin: 0; flex-basis: 100%; }
.gyt-bolum-ust h2 {
	font-size: .88rem; font-weight: 800;
	letter-spacing: .05em; text-transform: uppercase;
}
.gyt-tumu-baglanti {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: .8rem; font-weight: 600; text-decoration: none; color: var(--gy-vurgu);
}
.gyt-tumu-baglanti:hover { text-decoration: underline; }

.gyt-cerceve-liste {
	list-style: none; margin: 0; padding: 0;
	display: grid; gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.gyt-cerceve-kart {
	display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 4px 10px;
	padding: 12px 14px; text-decoration: none;
	border: 1px solid var(--gy-cizgi); border-radius: var(--gy-r-kucuk);
	background: var(--gy-yuzey-alt);
}
.gyt-cerceve-kart:hover { border-color: var(--gy-renk); }
.gyt-cerceve-ikon {
	grid-row: span 2; width: 26px; height: 26px; border-radius: 50%;
	display: grid; place-items: center; font-size: .8rem;
	background: color-mix(in srgb, var(--gy-renk) 16%, transparent);
}
.gyt-cerceve-ad { font-size: .82rem; font-weight: 700; }
.gyt-cerceve-cizgi {
	grid-column: 2; height: 4px; border-radius: 99px;
	background: color-mix(in srgb, var(--gy-cizgi) 90%, transparent); overflow: hidden;
}
.gyt-cerceve-cizgi span { display: block; height: 100%; width: var(--gy-oran); background: var(--gy-renk); border-radius: 99px; }
.gyt-cerceve-sayi { grid-column: 2; font-size: .7rem; color: var(--gy-soluk); }

/* Akış */

.gyt-anasayfa-akis { padding: 30px 16px 10px; }
.gyt-kart-izgara-sik { padding-top: 0; }

/* Nasıl çalışıyor */

.gyt-nasil { background: var(--gy-yuzey); border-top: 1px solid var(--gy-cizgi); padding: 34px 0; }
.gyt-nasil-baslik {
	font-size: .88rem; font-weight: 800;
	letter-spacing: .05em; text-transform: uppercase; margin-bottom: 20px;
}
.gyt-nasil-liste {
	list-style: none; margin: 0; padding: 0;
	display: grid; gap: 22px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.gyt-nasil-liste li { display: grid; gap: 8px; align-content: start; }
.gyt-nasil-numara {
	display: grid; place-items: center;
	width: 28px; height: 28px; border-radius: 50%;
	background: var(--gy-koyu); color: #fff;
	font-size: .78rem; font-weight: 800;
}
.gyt-nasil-liste h3 { font-size: .95rem; font-weight: 700; }
.gyt-nasil-liste p { margin: 0; font-size: .84rem; color: var(--gy-soluk); }

/* =========================================================
   12c. Paylaşım barı
   ========================================================= */

.gyt-paylas-bar {
	background: var(--gy-yuzey);
	border-bottom: 1px solid var(--gy-cizgi);
}
.gyt-paylas-ic {
	display: flex; align-items: center; justify-content: space-between;
	gap: 14px; flex-wrap: wrap;
	padding-top: 11px; padding-bottom: 11px;
}

.gyt-paylas-meta {
	display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
	font-size: .78rem; color: var(--gy-soluk);
}
.gyt-paylas-kat {
	font-weight: 700; font-size: .68rem;
	letter-spacing: .08em; text-transform: uppercase;
	color: var(--gy-metin); text-decoration: none;
}
.gyt-paylas-kat:hover { text-decoration: underline; }
.gyt-paylas-ayrac { color: var(--gy-cizgi-koyu, var(--gy-soluk)); }

.gyt-paylas-eylem { display: flex; align-items: center; gap: 12px; }

.gyt-paylas-liste { display: flex; gap: 5px; list-style: none; margin: 0; padding: 0; }
.gyt-paylas-liste li { margin: 0; }

.gyt-paylas-dugme {
	display: grid; place-items: center;
	width: 30px; height: 30px; border-radius: 50%;
	color: var(--gy-metin); background: var(--gy-yuzey-alt);
	text-decoration: none;
	transition: background .15s ease, color .15s ease;
}
.gyt-paylas-dugme:hover { background: var(--gy-koyu); color: #fff; }

.gyt-paylas-kopyala {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 12px;
	background: transparent; color: var(--gy-metin);
	border: 1px solid var(--gy-cizgi); border-radius: 99px;
	font: inherit; font-size: .76rem; font-weight: 600;
	cursor: pointer;
}
.gyt-paylas-kopyala:hover { background: var(--gy-yuzey-alt); }
.gyt-paylas-kopyala.kopyalandi { border-color: var(--gy-olumlu, #0f7b6c); color: var(--gy-olumlu, #0f7b6c); }

@media (prefers-reduced-motion: reduce) {
	.gyt-paylas-dugme { transition: none; }
}

/* =========================================================
   12d. Taksonomi (çerçeve / yayın) sayfaları
   ========================================================= */

.gyt-terim-basi {
	background: var(--gy-koyu);
	color: var(--gy-metin-ters);
	padding: 34px 0 30px;
	border-bottom: 4px solid var(--gy-renk, var(--gy-vurgu));
}

.gyt-terim-baslik-satiri {
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.gyt-terim-baslik-satiri h1 {
	font-size: clamp(1.7rem, 4vw, 2.6rem);
	font-weight: 800; letter-spacing: -0.02em;
	margin: 0;
}

.gyt-harf {
	display: grid; place-items: center;
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--gy-renk); color: var(--gy-yazi, #fff);
	font-size: 1.15rem; font-weight: 800;
	flex-shrink: 0;
}

.gyt-terim-logo {
	display: grid; place-items: center;
	width: 44px; height: 44px; border-radius: 50%;
	background: #fff; overflow: hidden; flex-shrink: 0;
}
.gyt-terim-logo img { max-width: 34px; max-height: 34px; object-fit: contain; }

.gyt-terim-tur {
	font-size: .64rem; font-weight: 800;
	letter-spacing: .12em; text-transform: uppercase;
	color: var(--gy-soluk-ters);
	border: 1px solid rgba(255, 255, 255, .2);
	padding: 3px 9px; border-radius: 99px;
}
.gyt-takip-rozeti {
	font-size: .64rem; font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase;
	background: rgba(255, 255, 255, .12);
	padding: 3px 9px; border-radius: 99px;
}

.gyt-terim-aciklama {
	margin: 16px 0 0; max-width: 72ch;
	font-size: .93rem; color: #c5ccd5;
}
.gyt-terim-aciklama strong { color: #fff; font-weight: 700; }
.gyt-terim-site { color: #fff; margin-left: 6px; white-space: nowrap; }

.gyt-terim-govde {
	display: grid; gap: var(--gy-bosluk);
	grid-template-columns: minmax(0, 1fr);
	padding-top: 30px; padding-bottom: 50px;
	align-items: start;
}
@media (min-width: 980px) {
	.gyt-terim-govde { grid-template-columns: minmax(0, 1fr) 310px; gap: 34px; }
}

.gyt-terim-ana { min-width: 0; }
.gyt-terim-yan { display: grid; gap: var(--gy-bosluk); align-content: start; min-width: 0; }

.gyt-bolum-basligi {
	font-size: 1.15rem; font-weight: 800;
	letter-spacing: -0.01em; margin-bottom: 18px;
}

.gyt-yan-kart {
	background: var(--gy-yuzey);
	border: 1px solid var(--gy-cizgi);
	border-radius: var(--gy-r);
	box-shadow: var(--gy-golge);
	padding: 20px;
}
.gyt-yan-kart h2 {
	font-size: .88rem; font-weight: 800;
	letter-spacing: .04em; text-transform: uppercase;
	margin-bottom: 6px;
}
.gyt-yan-not { font-size: .8rem; color: var(--gy-soluk); margin: 0 0 14px; }
.gyt-yan-not-kart p { margin: 8px 0 0; font-size: .84rem; color: var(--gy-soluk); }

/* Yayın sıralaması */

.gyt-yayin-siralama { list-style: none; margin: 8px 0 0; padding: 0; }
.gyt-yayin-siralama li {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center; gap: 10px;
	padding: 9px 0; border-bottom: 1px solid var(--gy-cizgi);
}
.gyt-yayin-siralama li:last-child { border-bottom: 0; }
.gyt-yayin-siralama .gyt-harf { width: 30px; height: 30px; font-size: .85rem; }
.gyt-yayin-ad { font-size: .88rem; font-weight: 600; min-width: 0; }
.gyt-yayin-ad a { text-decoration: none; }
.gyt-yayin-ad a:hover { text-decoration: underline; }
.gyt-yayin-sayi { font-size: .74rem; color: var(--gy-soluk); white-space: nowrap; }

/* Oran listesi (çerçeve dağılımı) */

.gyt-oran-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.gyt-oran-liste li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 64px 38px;
	align-items: center; gap: 10px;
	margin: 0;
}
.gyt-oran-liste a {
	font-size: .84rem; text-decoration: none;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gyt-oran-liste a:hover { text-decoration: underline; }
.gyt-oran-cizgi {
	height: 6px; border-radius: 99px;
	background: color-mix(in srgb, var(--gy-cizgi) 90%, transparent);
	overflow: hidden;
}
.gyt-oran-cizgi span { display: block; height: 100%; width: var(--gy-oran); background: var(--gy-renk); border-radius: 99px; }
.gyt-oran-deger {
	font-size: .76rem; font-weight: 700; text-align: right;
	font-variant-numeric: tabular-nums;
}

/* =========================================================
   13. Metodoloji bandı ve footer
   ========================================================= */

.gyt-metodoloji {
	background: var(--gy-yuzey);
	border-top: 1px solid var(--gy-cizgi);
	border-bottom: 1px solid var(--gy-cizgi);
	padding: 26px 0;
}
.gyt-metodoloji-ic {
	display: flex; align-items: center; justify-content: space-between;
	gap: 24px; flex-wrap: wrap;
}
.gyt-metodoloji h2 {
	font-size: .82rem; font-weight: 800;
	letter-spacing: .07em; text-transform: uppercase;
	margin-bottom: 8px;
}
.gyt-metodoloji p { margin: 0; font-size: .8rem; color: var(--gy-soluk); max-width: 70ch; }

.gyt-alt { background: var(--gy-koyu); color: var(--gy-metin-ters); padding: 26px 0; }
.gyt-alt-ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.gyt-alt-liste { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
.gyt-alt-liste a { font-size: .82rem; text-decoration: none; opacity: .85; }
.gyt-alt-liste a:hover { opacity: 1; text-decoration: underline; }
.gyt-telif { margin: 0; font-size: .76rem; color: var(--gy-soluk-ters); }

/* =========================================================
   14. Mobil
   ========================================================= */

@media (max-width: 899px) {
	.gyt-menu-dugme {
		display: grid; place-items: center;
		width: 36px; height: 36px; margin-left: auto;
		background: transparent; border: 0; cursor: pointer;
		color: var(--gy-metin-ters);
	}
	.gyt-menu-cizgi,
	.gyt-menu-cizgi::before,
	.gyt-menu-cizgi::after {
		display: block; width: 18px; height: 2px;
		background: currentColor; border-radius: 2px;
	}
	.gyt-menu-cizgi { position: relative; }
	.gyt-menu-cizgi::before, .gyt-menu-cizgi::after { content: ""; position: absolute; left: 0; }
	.gyt-menu-cizgi::before { top: -6px; }
	.gyt-menu-cizgi::after { top: 6px; }

	.gyt-nav {
		order: 10; width: 100%; margin-left: 0;
		display: none; padding-bottom: 12px;
	}
	.gyt-nav.acik { display: block; }
	.gyt-nav-liste { flex-direction: column; gap: 0; }
	.gyt-nav-liste a { padding: 11px 12px; border-radius: 0; border-top: 1px solid var(--gy-cizgi-koyu); }

	.gyt-ust-ic { flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
	.gyt-giris span { display: none; }

	.gyt-bar { grid-template-columns: 26px minmax(0, 1fr) 48px; row-gap: 6px; }
	.gyt-bar-track { min-width: 0; }
	.gyt-bar-track { grid-column: 1 / -1; }

	.gyt-kaynak { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.gyt-kaynak-logo img { max-height: 22px; }
	.gyt-kaynak-git { align-self: flex-start; }

	.gyt-sayaclar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; }
	.gyt-kart { padding: 18px; }

	.gyt-vitrin-barlar li { grid-template-columns: minmax(0, 92px) minmax(0, 1fr) 20px; }

	.gyt-ana-ic { flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; min-height: 0; }
	.gyt-menu-dugme {
		display: grid; place-items: center;
		width: 34px; height: 34px; order: -1;
		background: transparent; border: 0; cursor: pointer;
		color: var(--gy-metin-ters);
	}
	.gyt-menu-cizgi,
	.gyt-menu-cizgi::before,
	.gyt-menu-cizgi::after {
		display: block; width: 17px; height: 2px;
		background: currentColor; border-radius: 2px;
	}
	.gyt-menu-cizgi { position: relative; }
	.gyt-menu-cizgi::before, .gyt-menu-cizgi::after { content: ""; position: absolute; left: 0; }
	.gyt-menu-cizgi::before { top: -5px; }
	.gyt-menu-cizgi::after { top: 5px; }

	.gyt-nav { order: 10; width: 100%; display: none; }
	.gyt-nav.acik { display: block; }
	.gyt-nav-liste { flex-direction: column; gap: 0; }
	.gyt-nav-liste a { padding: 10px 4px; border-top: 1px solid rgba(255, 255, 255, .08); border-radius: 0; }

	.gyt-ana-sag { margin-left: auto; }
	.gyt-ara-form input[type="search"] { width: 150px; }
	.gyt-giris span { display: none; }
	.gyt-arac-ic { min-height: 0; padding-top: 6px; padding-bottom: 6px; }
	.gyt-tarih { display: none; }

	.gyt-paylas-ic { flex-direction: column; align-items: flex-start; }
	.gyt-oran-liste li { grid-template-columns: minmax(0, 1fr) 52px 34px; }
}


/* =========================================================
   19. Footer sütunları, sosyal hesaplar, bülten ve bildirim
   ========================================================= */

/* Sol sütun kurumsal/hukuki menü, sağ sütun sosyal hesaplar. */
.gyt-alt-sutunlar {
	display: flex; align-items: center; justify-content: space-between;
	gap: 18px 28px; flex-wrap: wrap; min-width: 0;
}
.gyt-alt-liste { flex-wrap: wrap; }

.gyt-alt-sosyal { display: flex; align-items: center; gap: 12px; }
.gyt-alt-sosyal-baslik {
	margin: 0; font-size: .74rem; font-weight: 600;
	letter-spacing: .08em; text-transform: uppercase; opacity: .7;
}
.gyt-sosyal-liste { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.gyt-sosyal-liste a {
	display: grid; place-items: center;
	width: 34px; height: 34px; border-radius: 50%;
	border: 1px solid currentColor;
	color: inherit; opacity: .75;
	transition: opacity .15s ease;
}
.gyt-sosyal-liste a:hover { opacity: 1; }
.gyt-sosyal-liste a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

@media (max-width: 640px) {
	.gyt-alt-sutunlar { flex-direction: column; align-items: flex-start; }
}

/* ---- Bülten alanı ---- */

/* Zemin --gy-yuzey: --gy-yuzey-alt ile küçük puntolu KVKK notu 4.45:1'e düşüyordu. */
.gyt-bulten { padding: 34px 0; background: var(--gy-yuzey); border-block: 1px solid var(--gy-cizgi); }
.gyt-bulten-ic { max-width: 62ch; margin: 0 auto; text-align: center; }
.gyt-bulten-baslik { margin: 0 0 10px; font-size: 1.22rem; }
.gyt-bulten-ic p { margin: 0 0 12px; color: var(--gy-soluk); }
.gyt-bulten-ic input[type="email"],
.gyt-bulten-ic input[type="text"] { max-width: 100%; }
.gyt-bulten-kvkk {
	max-width: 62ch; margin: 14px auto 0; text-align: center;
	font-size: .76rem; line-height: 1.5; color: var(--gy-soluk);
}

/* ---- Dosya sonundaki paylaşım barı ---- */

.gyt-paylas-alt { margin-top: 36px; border-top: 1px solid var(--gy-cizgi); }
.gyt-paylas-cagri { margin: 0; font-size: .86rem; font-weight: 600; }

/* ---- Bildirim (toast) ---- */

.gyt-toast {
	position: fixed; z-index: 90;
	left: 50%; bottom: 24px;
	transform: translate(-50%, 12px);
	max-width: calc(100vw - 32px);
	padding: 11px 18px; border-radius: 999px;
	background: var(--gy-koyu); color: var(--gy-metin-ters);
	/* Koyu temada zeminle aynı tona düşüyor: kenarlık ayırt ediciliği sağlıyor. */
	border: 1px solid var(--gy-cizgi-koyu);
	font-size: .85rem; font-weight: 600;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .35);
	opacity: 0; pointer-events: none;
	transition: opacity .18s ease, transform .18s ease;
}
.gyt-toast.gorunur { opacity: 1; transform: translate(-50%, 0); }

@media (prefers-reduced-motion: reduce) {
	.gyt-toast { transition: none; }
}

/* =========================================================
   20. Kurumsal sayfalar: metin, künye, iletişim, sözlük
   ========================================================= */

.gyt-sayfa {
	background: var(--gy-yuzey); border: 1px solid var(--gy-cizgi);
	border-radius: var(--gy-r); padding: clamp(20px, 4vw, 34px);
}

/* Okuma ölçüsü: uzun hukuki metinlerde satır boyu kontrolden çıkıyordu. */
.gyt-icerik { max-width: 68ch; font-size: 1rem; line-height: 1.68; }
.gyt-icerik > *:first-child { margin-top: 0; }
.gyt-icerik > *:last-child { margin-bottom: 0; }
.gyt-icerik h2 {
	font-size: 1.22rem; font-weight: 700; letter-spacing: -.01em;
	margin: 34px 0 10px; scroll-margin-top: 90px; text-wrap: balance;
}
.gyt-icerik h3 { font-size: 1.04rem; font-weight: 600; margin: 26px 0 8px; }
.gyt-icerik p { margin: 0 0 14px; }
.gyt-icerik ul, .gyt-icerik ol { margin: 0 0 14px; padding-left: 1.25em; }
.gyt-icerik li { margin-bottom: 7px; }
.gyt-icerik a { overflow-wrap: break-word; }
.gyt-icerik blockquote {
	margin: 18px 0; padding: 2px 0 2px 16px;
	border-left: 3px solid var(--gy-cizgi-koyu); color: var(--gy-soluk);
}
.gyt-icerik table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.gyt-icerik th, .gyt-icerik td { padding: 9px 11px; border-bottom: 1px solid var(--gy-cizgi); text-align: left; }

/* ---- Hukuki metin ---- */

.gyt-hukuki-tarih { font-size: .86rem; }
.gyt-hukuki { display: grid; gap: 20px; }
@media (min-width: 1000px) {
	.gyt-hukuki { grid-template-columns: 220px minmax(0, 1fr); align-items: start; }
	.gyt-hukuki .gyt-icindekiler { position: sticky; top: 20px; }
	.gyt-hukuki-dipnot { grid-column: 2; }
}
.gyt-icindekiler { min-width: 0; font-size: .88rem; }
.gyt-icindekiler h2 {
	margin: 0 0 8px; font-size: 11.5px; font-weight: 600;
	letter-spacing: .1em; text-transform: uppercase; color: var(--gy-soluk);
}
.gyt-icindekiler ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; border-left: 1px solid var(--gy-cizgi); }
.gyt-icindekiler a { display: block; padding: 6px 12px; margin-left: -1px;
	border-left: 2px solid transparent; color: var(--gy-soluk); text-decoration: none; }
.gyt-icindekiler a:hover { color: var(--gy-metin); border-left-color: var(--gy-cizgi-koyu); }
.gyt-hukuki-dipnot { margin: 0; max-width: 68ch; }

/* ---- Künye ---- */

.gyt-kunye { margin: 0 0 20px; display: grid; gap: 1px;
	background: var(--gy-cizgi); border: 1px solid var(--gy-cizgi); border-radius: var(--gy-r); overflow: hidden; }
.gyt-kunye > div { background: var(--gy-yuzey); padding: 15px 18px; display: grid; gap: 4px; min-width: 0; }
@media (min-width: 640px) {
	.gyt-kunye > div { grid-template-columns: 180px minmax(0, 1fr); gap: 4px 20px; align-items: baseline; }
}
.gyt-kunye dt { font-weight: 600; font-size: .9rem; }
.gyt-kunye dd { margin: 0; color: var(--gy-soluk); min-width: 0; overflow-wrap: break-word; }
.gyt-kunye-bos p { margin: 0; color: var(--gy-soluk); }

/* ---- İletişim ---- */

.gyt-iletisim-kart {
	margin: 0 0 20px; padding: clamp(18px, 3.5vw, 26px);
	background: var(--gy-yuzey); border: 1px solid var(--gy-cizgi);
	border-left: 3px solid var(--gy-vurgu); border-radius: var(--gy-r);
}
.gyt-iletisim-kart h2 { margin: 0 0 6px; font-size: 1.1rem; }
.gyt-iletisim-aciklama { margin: 0 0 14px; color: var(--gy-soluk); font-size: .92rem; max-width: 60ch; }
.gyt-iletisim-adres { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0; }
.gyt-iletisim-adres .gyt-secilebilir { font-size: 1.05rem; font-weight: 600; }

/* Adres kopyalanabilir metin olarak duruyor: mailto bağlantıları bazı
   ortamlarda sessizce çalışmıyor, adresin kendisi her yerde çalışır. */
.gyt-secilebilir { user-select: all; overflow-wrap: break-word; }

.gyt-kopya-dugme {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 12px; border-radius: 999px; cursor: pointer;
	border: 1px solid var(--gy-cizgi-koyu); background: transparent;
	color: inherit; font: inherit; font-size: .8rem;
}
.gyt-kopya-dugme:hover { border-color: var(--gy-vurgu); color: var(--gy-vurgu); }
.gyt-kopya-dugme.kopyalandi { border-color: var(--gy-vurgu); color: var(--gy-vurgu); }

/* ---- Çerçeve sözlüğü (metodoloji sayfası) ---- */

.gyt-cerceve-sozluk { margin-top: 28px; }
.gyt-cerceve-sozluk > h2 { font-size: 1.22rem; margin: 0 0 6px; }
.gyt-sozluk-giris { color: var(--gy-soluk); margin: 0 0 16px; max-width: 68ch; font-size: .94rem; }
.gyt-sozluk-liste { margin: 0; display: grid; gap: 1px;
	background: var(--gy-cizgi); border: 1px solid var(--gy-cizgi); border-radius: var(--gy-r); overflow: hidden; }
.gyt-sozluk-satir {
	background: var(--gy-yuzey); padding: 14px 18px; display: grid; gap: 4px; min-width: 0;
	border-left: 3px solid var(--gy-renk);
}
@media (min-width: 720px) {
	.gyt-sozluk-satir { grid-template-columns: 220px minmax(0, 1fr); gap: 4px 22px; align-items: baseline; }
}
.gyt-sozluk-satir dt { font-weight: 600; font-size: .94rem; display: flex; align-items: baseline; gap: 7px; }
.gyt-sozluk-satir dt a { text-decoration: none; color: inherit; }
.gyt-sozluk-satir dt a:hover { text-decoration: underline; }
.gyt-sozluk-ikon { flex: 0 0 auto; }
.gyt-sozluk-satir dd { margin: 0; color: var(--gy-soluk); font-size: .92rem; min-width: 0; }
.gyt-sozluk-eksik { color: var(--gy-canli); }