/* Yerleşim: kit karuselindeki gibi koyu/açık bantlar; üstte etiket + 2 px çizgi, ince/kalın başlık kontrastı. */
@font-face { font-family: "TS Inter"; font-weight: 200; font-display: swap; src: url(/assets/fontlar/Inter-ExtraLight.woff2) format("woff2"); }
@font-face { font-family: "TS Inter"; font-weight: 300; font-display: swap; src: url(/assets/fontlar/Inter-Light.woff2) format("woff2"); }
@font-face { font-family: "TS Inter"; font-weight: 500; font-display: swap; src: url(/assets/fontlar/Inter-Medium.woff2) format("woff2"); }
@font-face { font-family: "TS Inter"; font-weight: 900; font-display: swap; src: url(/assets/fontlar/Inter-Black.woff2) format("woff2"); }
@font-face { font-family: "TS Mono"; font-weight: 400; font-display: swap; src: url(/assets/fontlar/DejaVuSansMono.woff2) format("woff2"); }

:root {
  --siyah: #111111;
  --acik: #F4F4F2;
  --beyaz: #FFFFFF;
  --acik-gri: #E6E6E3;
  --yesil: #4A6E63;
  --yesil-k: #8FB5A8;
  --gri-k: #A3A39F;
  --gri-a: #5C5C58;
  --cizgi-k: #3A3A38;
  --cizgi-a: #C9C9C5;
  --govde: "TS Inter", "Inter", "Helvetica Neue", Arial, sans-serif;
  --mono: "TS Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace;
  --kenar: 80px;
  --genislik: 1280px;
  --yumusak: cubic-bezier(.2, .7, .2, 1);
  color-scheme: light;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--acik); color: var(--siyah);
  font-family: var(--govde); font-weight: 300; font-size: 19px; line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--siyah); }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--yesil-k); outline-offset: 3px; }

.kap {
  max-width: var(--genislik); margin: 0 auto;
  padding-left: max(var(--kenar), env(safe-area-inset-left, 0px));
  padding-right: max(var(--kenar), env(safe-area-inset-right, 0px));
}
.etiket { font-family: var(--mono); font-size: 13px; letter-spacing: .22em; text-transform: uppercase; font-weight: 400; }
.koyu { background: var(--siyah); color: var(--beyaz); }
.acik { background: var(--acik); color: var(--siyah); }
.beyaz-zemin { background: var(--beyaz); color: var(--siyah); }
.ikincil { color: var(--gri-a); }
.koyu .ikincil { color: var(--gri-k); }
.baslik { font-weight: 200; letter-spacing: -.02em; line-height: 1.02; text-wrap: balance; }
.baslik b { font-weight: 900; letter-spacing: -.035em; color: var(--yesil); }
.koyu .baslik b { color: var(--yesil-k); }
.nb { white-space: nowrap; }
.bolum-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-bottom: 20px; border-bottom: 2px solid currentColor; margin-bottom: 48px; }
.ornek { display: inline-block; font-family: var(--mono); font-size: 11px; letter-spacing: .2em; padding: 3px 7px; border: 1px solid currentColor; color: var(--gri-a); }
.koyu .ornek { color: var(--gri-k); }

/* Önizleme notu */
.not { background: var(--yesil); color: var(--beyaz); text-align: center; padding: 8px 16px; }

/* Tema: koyu (varsayılan, onaylı görünüm) ve açık. Açık temada koyu bantlar beyaza döner; renkler kit içinde kalır. */
:root[data-tema="acik"] { color-scheme: light; }
:root[data-tema="acik"] :is(.koyu, .ust, .alt, .serit, .perde, .isik, .menu) { --siyah: #FFFFFF; --beyaz: #111111; --yesil-k: #4A6E63; --gri-k: #5C5C58; --cizgi-k: #C9C9C5; }
:root[data-tema="acik"] body::before { background: #FFFFFF; }
:root[data-tema="acik"] .dugme { color: #FFFFFF; }
:root[data-tema="acik"] .koyu .hata { color: #C2493D; }
:root[data-tema="acik"] .ust { border-bottom-color: var(--cizgi-a); }
:root[data-tema="acik"] .koyu .mkart .kapak { box-shadow: 0 0 0 1px rgba(17,17,17,.12); }
:root[data-tema="acik"] .koyu .mkart:hover .kapak { box-shadow: 0 0 0 1px rgba(74,110,99,.65), 0 24px 48px -24px rgba(17,17,17,.4); }
:root[data-tema="acik"] .isik { background: rgba(244,244,242,.96); }
:root[data-tema="acik"] .isik img { box-shadow: 0 0 0 1px rgba(17,17,17,.14), 0 30px 60px -20px rgba(17,17,17,.4); }
.logo-a { display: none !important; }
:root[data-tema="acik"] .logo-k { display: none !important; }
:root[data-tema="acik"] .logo-a { display: block !important; }
.tema-dugme { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--cizgi-k); color: var(--gri-k); transition: color .2s, border-color .2s, transform .4s var(--yumusak); }
.tema-dugme:hover { color: var(--beyaz); border-color: var(--yesil-k); }
.tema-dugme svg { width: 18px; height: 18px; }
.tema-dugme .gunes { display: none; }
:root[data-tema="acik"] .tema-dugme .ay { display: none; }
:root[data-tema="acik"] .tema-dugme .gunes { display: block; }
/* Sıkça sorulanlar */
.sss { border-top: 1px solid var(--cizgi-a); margin-bottom: 40px; }
.sss details { border-bottom: 1px solid var(--cizgi-a); }
.sss summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 18px 0; font-weight: 500; font-size: 19px; line-height: 1.35; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; font-family: var(--mono); color: var(--yesil); transition: transform .3s var(--yumusak); }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details p { margin: 0 0 20px; color: var(--gri-a); }
/* İyi Düşünülmüş: öne çıkan seri */
.menu a.m-iyi { color: var(--yesil-k); }
.menu a { white-space: nowrap; }
@media (min-width: 721px) and (max-width: 1180px) { .ust .menu { gap: 18px; } .ust .menu a { letter-spacing: .12em; } .ust .menu .dugme { padding: 12px 14px; } }
.iyi-bant { padding: 88px 0 96px; border-top: 4px solid var(--yesil); }
.iyi-bant[hidden] { display: none; }
.iyi-izgara { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; }
.iyi-sol .baslik { font-size: clamp(44px, 4.6vw, 72px); margin-bottom: 24px; }
.iyi-sol p { font-size: 20px; color: var(--gri-a); max-width: 30em; }
.iyi-adim { list-style: none; display: flex; gap: 10px; margin-top: 28px; flex-wrap: wrap; }
.iyi-adim li { display: flex; gap: 8px; align-items: center; padding: 10px 14px; border: 1px solid var(--cizgi-a); }
.iyi-adim span { color: var(--yesil); }
.iyi-kart a { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 28px; align-items: center; }
.iyi-kart .kapak { aspect-ratio: 4 / 5; overflow: hidden; box-shadow: 0 0 0 1px rgba(17,17,17,.12), 0 24px 48px -24px rgba(17,17,17,.45); transition: transform .5s var(--yumusak); }
.iyi-kart a:hover .kapak { transform: translateY(-4px); }
.iyi-kart img { width: 100%; height: 100%; object-fit: cover; }
.iyi-kart h3 { font-weight: 200; font-size: clamp(26px, 2.4vw, 36px); line-height: 1.1; letter-spacing: -.02em; margin: 12px 0; }
.iyi-kart h3 b { font-weight: 900; color: var(--yesil); }
.iyi-kart p { color: var(--gri-a); font-size: 16px; }
.iyi-kart .devam { display: inline-block; margin-top: 14px; color: var(--yesil); opacity: 1; transform: none; }
.iyi-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 36px; max-width: 820px; }
.iyi-adimlar div { border-top: 2px solid var(--yesil-k); padding-top: 14px; }
.iyi-adimlar p { color: var(--gri-k); font-size: 16px; margin-top: 6px; }
@media (max-width: 980px) { .iyi-izgara { grid-template-columns: 1fr; gap: 36px; } }
@media (max-width: 720px) { .iyi-kart a { grid-template-columns: 1fr; } .iyi-kart .kapak { max-width: 320px; } .iyi-adimlar { grid-template-columns: 1fr; } }

/* Haber başlığında şeffafa yakın fotoğraf (kit silüet tekniği) */
.makale-bas.arkali { position: relative; overflow: hidden; }
.makale-bas.arkali::before { content: ""; position: absolute; inset: 0; background: var(--arka) center / cover no-repeat; opacity: .26;
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.35) 0%, #000 55%); mask-image: linear-gradient(90deg, rgba(0,0,0,.35) 0%, #000 55%); pointer-events: none; }
.makale-bas.arkali > .kap { position: relative; z-index: 1; }
.arka-kaynak { position: absolute; right: max(var(--kenar), env(safe-area-inset-right, 0px)); bottom: 16px; z-index: 1; font-size: 11px; color: var(--gri-k); }
:root[data-tema="acik"] .makale-bas.arkali::before { opacity: .25; }
@media (max-width: 720px) { .makale-bas.arkali::before { opacity: .2; } .arka-kaynak { right: 16px; } }

/* Arama sayfası */
.ara-form { display: grid; gap: 12px; margin-top: 36px; max-width: 720px; }
.ara-form input { font: inherit; font-size: clamp(22px, 2.4vw, 30px); font-weight: 200; color: var(--beyaz); background: transparent; border: 0; border-bottom: 2px solid var(--cizgi-k); padding: 10px 0; outline: none; transition: border-color .25s; }
.ara-form input:focus { border-color: var(--yesil-k); }
.ara-form input::placeholder { color: var(--gri-k); opacity: .7; }
.ara-sonuc { list-style: none; display: grid; gap: 0; max-width: 820px; }
.ara-sonuc li { border-bottom: 1px solid var(--cizgi-a); }
.ara-sonuc a { display: grid; gap: 6px; padding: 22px 0; }
.ara-sonuc strong { font-weight: 500; font-size: 21px; line-height: 1.3; transition: color .2s; }
.ara-sonuc a:hover strong { color: var(--yesil); }
.ara-sonuc .ozet { color: var(--gri-a); font-size: 16px; }
.ara-sonuc .bos { padding: 22px 0; color: var(--gri-a); }
.ust-sag { display: flex; align-items: center; gap: 16px; order: 3; }
.ust .menu { order: 2; margin-left: auto; }

/* Üst şerit: kaydırınca incelir */
.ust { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: var(--siyah); color: var(--beyaz); border-bottom: 1px solid var(--cizgi-k); }
.ust .kap { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 84px; transition: height .35s var(--yumusak); }
.ust.ince .kap { height: 64px; }
.ust .logo img { height: 40px; width: auto; transition: height .35s var(--yumusak), transform .4s var(--yumusak); }
.ust.ince .logo img { height: 32px; }
.ust .logo:hover img { transform: rotate(-6deg) scale(1.04); }
.menu { display: flex; gap: 32px; align-items: center; }
.menu a { position: relative; color: var(--gri-k); transition: color .2s; padding: 6px 0; }
.menu a:not(.dugme)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .35s var(--yumusak); }
.menu a:hover, .menu a.etkin { color: var(--beyaz); }
.menu a:hover::after, .menu a.etkin::after { transform: scaleX(1); }
.menu-dugme { display: none; width: 44px; height: 44px; position: relative; }
.menu-dugme span { position: absolute; left: 10px; right: 10px; height: 1.5px; background: var(--beyaz); transition: transform .3s var(--yumusak), opacity .2s; }
.menu-dugme span:nth-child(1) { top: 16px; } .menu-dugme span:nth-child(2) { top: 22px; } .menu-dugme span:nth-child(3) { top: 28px; }
.ust.acik-menu .menu-dugme span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ust.acik-menu .menu-dugme span:nth-child(2) { opacity: 0; }
.ust.acik-menu .menu-dugme span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.dugme {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--mono); font-size: 13px; letter-spacing: .2em; text-transform: uppercase;
  padding: 16px 22px; background: var(--yesil); color: var(--beyaz);
  transition: transform .25s var(--yumusak), background .25s;
}
.dugme:hover { transform: translateY(-2px); }
.dugme .ok { transition: transform .3s var(--yumusak); }
.dugme:hover .ok { transform: translateX(4px); }
.koyu .dugme { background: var(--yesil-k); color: var(--siyah); }
.menu .dugme { padding: 10px 16px; color: var(--siyah); }
.menu .dugme:hover { color: var(--siyah); }

/* Kayan bülten şeridi */
.serit { overflow: hidden; border-bottom: 1px solid var(--cizgi-k); background: var(--siyah); color: var(--gri-k); }
.serit-ic { display: flex; width: max-content; animation: kay 48s linear infinite; }
.serit:hover .serit-ic { animation-play-state: paused; }
.serit-ic a { display: inline-flex; gap: 14px; padding: 12px 28px; white-space: nowrap; border-right: 1px solid var(--cizgi-k); transition: color .2s; }
.serit-ic a:hover { color: var(--beyaz); }
.serit-ic .kat { color: var(--yesil-k); }
@keyframes kay { to { transform: translateX(-50%); } }

/* Görünümler */
.gorunum[hidden] { display: none !important; }
.gorunum.gir { animation: gir .55s var(--yumusak); }
@keyframes gir { from { opacity: .2; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* Giriş ve mercek efekti */
.giris { padding: 112px 0 104px; position: relative; overflow: hidden; }
.giris .baslik { font-size: clamp(48px, 7.6vw, 108px); max-width: 14ch; }
.satir { display: block; animation: yuksel .9s var(--yumusak) both; }
.satir:nth-child(2) { animation-delay: .08s; } .satir:nth-child(3) { animation-delay: .16s; }
@keyframes yuksel { from { opacity: .25; transform: translateY(.3em); } to { opacity: 1; transform: none; } }
.giris p.ozet { font-size: 22px; max-width: 34em; color: var(--gri-k); }
/* Giriş: gazete manşeti (Baran, 4 Kasım 2026). Tek ana başlık satırı; altında tam genişlikte manşet ve kapaklı manşet düğmeleri */
.giris:has(.gm-ust) { padding: 44px 0 64px; }
.gm-ust { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-bottom: 16px; border-bottom: 2px solid var(--beyaz); margin-bottom: 26px; }
.gm-h1 { font-weight: 200; font-size: clamp(24px, 2.4vw, 34px); letter-spacing: -.02em; line-height: 1.1; color: var(--beyaz); margin: 0; }
.gm-h1 b { font-weight: 900; color: var(--yesil-k); }
.gm { position: relative; z-index: 1; }
.gm-sahne { position: relative; display: grid; border: 1px solid var(--cizgi-k); overflow: hidden; touch-action: pan-y; }
.gm-slayt { grid-area: 1 / 1; position: relative; opacity: 0; visibility: hidden; transition: opacity .7s var(--yumusak), visibility .7s; }
.gm-slayt.aktif { opacity: 1; visibility: visible; }
.gm-bag { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); color: inherit; height: 100%; }
/* Kapağın renkleri arkada çok hafif yayılır: alan bütün, kapak tek başına kalmaz */
.gm-slayt::before { content: ""; position: absolute; inset: 0; background: var(--zemin) center / cover; filter: blur(60px) saturate(1.2); opacity: .22; transform: scale(1.3); pointer-events: none; }
.gm-kare { position: relative; overflow: hidden; background: #111111; aspect-ratio: 4 / 5; margin: 28px 0 28px 28px; box-shadow: 0 30px 60px -28px rgba(0,0,0,.95), 0 0 0 1px rgba(244,244,242,.18); transition: box-shadow .4s; }
.gm-kare img { position: relative; width: 100%; height: 100%; object-fit: cover; }
/* Bülten fotoğrafları yatay: kırpılmaz, kendi bulanık zemininin üstünde durur */
.gm-kare img.yatay { object-fit: contain; }
.gm-kare:has(img.yatay)::before { content: ""; position: absolute; inset: -20px; background: var(--zemin) center / cover; filter: blur(18px) brightness(.5); }
.gm-bag:hover .gm-kare { box-shadow: 0 30px 60px -28px rgba(0,0,0,.95), 0 0 0 1px var(--yesil-k); }
.gm-slayt.aktif .gm-kare img { animation: gm-yakin 8s linear both; }
@keyframes gm-yakin { from { transform: scale(1.06); } to { transform: scale(1); } }
.gm-yazi { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: 40px 56px 64px; }
.gm-meta { font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--gri-k); }
.gm-meta b { color: var(--yesil-k); font-weight: 400; }
.gm-yazi h2 { font-weight: 200; font-size: clamp(32px, 3.4vw, 52px); line-height: 1.04; letter-spacing: -.025em; color: var(--beyaz); margin: 0; }
.gm-yazi h2 b { font-weight: 900; color: var(--yesil-k); }
.gm-bag:hover h2 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; text-decoration-color: var(--yesil-k); }
.gm-yazi p { color: var(--gri-k); font-size: 18px; line-height: 1.5; max-width: 34em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gm-oku { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--beyaz); display: inline-flex; gap: 8px; }
.gm-oku span { transition: transform .3s var(--yumusak); }
.gm-bag:hover .gm-oku span { transform: translateX(5px); }
.gm-slayt.aktif .gm-yazi > * { animation: gm-gel .7s var(--yumusak) both; }
.gm-slayt.aktif .gm-yazi > :nth-child(2) { animation-delay: .06s; } .gm-slayt.aktif .gm-yazi > :nth-child(3) { animation-delay: .12s; } .gm-slayt.aktif .gm-yazi > :nth-child(4) { animation-delay: .18s; }
@keyframes gm-gel { from { opacity: 0; transform: translateY(14px); } }
/* Kontroller sade: sağ altta sayaç ve çerçevesiz küçük oklar; durdur düğmesi erişilebilirlik için kalır */
.gm-kontrol { position: absolute; right: 26px; bottom: 20px; z-index: 2; display: flex; align-items: center; gap: 2px; color: var(--gri-k); }
.gm-sayac { font-family: var(--mono); font-size: 11px; letter-spacing: .14em; font-variant-numeric: tabular-nums; }
.gm-sayac b { color: var(--beyaz); font-weight: 400; }
.gm-ayrac { width: 22px; height: 1px; background: var(--cizgi-k); margin: 0 8px 0 12px; }
.gm-kontrol button { width: 30px; height: 30px; display: grid; place-items: center; color: var(--gri-k); cursor: pointer; transition: color .2s; }
.gm-kontrol button:hover, .gm-kontrol button:focus-visible { color: var(--yesil-k); }
.gm-kontrol svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.gm-dur svg { width: 11px; height: 11px; fill: currentColor; stroke: none; }
.gm-dur .o { display: none; } .gm.durdu .gm-dur .o { display: block; } .gm.durdu .gm-dur .d { display: none; }
/* Manşet düğmeleri: küçük kapak, sıra, tür ve başlık; sonraki manşetler de görünür */
.gm-sayfa { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); border: 1px solid var(--cizgi-k); border-top: 0; }
.gm-sayfa button { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: center; text-align: left; padding: 12px 14px; border-right: 1px solid var(--cizgi-k); color: var(--gri-k); cursor: pointer; transition: background .3s, color .3s; }
.gm-sayfa button:last-child { border-right: 0; }
.gm-sayfa img { width: 40px; aspect-ratio: 4 / 5; object-fit: cover; filter: grayscale(1) brightness(.75); transition: filter .3s; }
.gm-dug { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.gm-dug b { font-family: var(--mono); font-weight: 400; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.gm-dug span { font-size: 13px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gm-sayfa button::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--cizgi-k); }
.gm-sayfa i { position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--yesil-k); transform-origin: left; transform: scaleX(0); }
.gm-sayfa button.gecti i { transform: scaleX(1); opacity: .35; }
.gm-sayfa button:hover { background: rgba(244,244,242,.04); color: var(--beyaz); }
.gm-sayfa button:hover img, .gm-sayfa button.aktif img { filter: none; }
.gm-sayfa button.aktif { color: var(--beyaz); background: rgba(143,181,168,.08); }
.gm-sayfa button.aktif b { color: var(--yesil-k); }
/* Şeridin dolumu betikteki saatle ilerler (CSS animasyonuna bağlı değil; hareket azaltma ayarında da çalışır) */
.gm-sayfa button.aktif i { transform: scaleX(var(--dolum, 1)); transition: transform .1s linear; }
@media (max-width: 1100px) { .gm-yazi { padding: 32px 32px 64px; } }
@media (max-width: 700px) {
  .gm-ust { flex-direction: column; gap: 6px; }
  .gm-bag { grid-template-columns: 1fr; }
  .gm-kare { margin: 18px 18px 0; max-width: 360px; }
  .gm-yazi { padding: 20px 18px 60px; }
  .gm-yazi p { font-size: 16px; }
  .gm-kontrol { right: 10px; bottom: 14px; }
  .gm-kontrol button { width: 40px; height: 40px; }
  .gm-dur { display: none !important; }
  .gm-sayfa { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .gm-sayfa button { flex: 0 0 70%; scroll-snap-align: start; }
}
/* Seçim endeksi (Son bültenler, ana sayfa Mercek, /mercek/): kutu yok; başlıklardaki ince/kalın karşıtlığı.
   Seçili olan soldan yeşil bir silmeyle kalınlaşır; yanında içerik sayısı, alan ekrana girince sayarak gelir */
:is(.akis .cipler, #ozet-cipler, #sekmeler) { --e-yazi: var(--gri-a); --e-guclu: var(--siyah); --e-vurgu: var(--yesil); --e-cizgi: var(--cizgi-a);
  display: flex; flex-wrap: wrap; gap: 14px 34px; padding-bottom: 18px; font-family: var(--govde); letter-spacing: -.015em; text-transform: none; }
.koyu :is(#ozet-cipler, #sekmeler) { --e-yazi: var(--gri-k); --e-guclu: var(--beyaz); --e-vurgu: var(--yesil-k); --e-cizgi: var(--cizgi-k); }
:is(#ozet-cipler, #sekmeler) { border-bottom: 1px solid var(--e-cizgi); margin-bottom: 44px; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip { border: 0; background: none; padding: 0; font-size: 30px; line-height: 1.05; font-weight: 200; color: var(--e-yazi);
  display: inline-flex; gap: 6px; align-items: flex-start; white-space: nowrap; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip:is(:hover, [aria-pressed="true"]) { border: 0; background: none; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip:focus-visible { outline: 2px solid var(--e-vurgu); outline-offset: 4px; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .ad { display: inline-grid; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .ad > span, :is(.akis .cipler, #ozet-cipler, #sekmeler) .ad::after { grid-area: 1 / 1; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .ad::after { content: attr(data-ad); font-weight: 900; color: var(--e-vurgu); clip-path: inset(0 100% 0 0); transition: clip-path .55s cubic-bezier(.65, 0, .35, 1); }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip:hover .ad > span { color: var(--e-guclu); }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip[aria-pressed="true"] .ad > span { color: transparent; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip[aria-pressed="true"] .ad::after { clip-path: inset(0 0 0 0); }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .cip.bos .ad { opacity: .45; }
:is(.akis .cipler, #ozet-cipler, #sekmeler) .say { font-family: var(--mono); font-size: 10px; letter-spacing: .06em; font-variant-numeric: tabular-nums; margin-top: 4px; }
/* Mercek'te altı tema var: bilgisayarda tek satıra sığsın diye yazı ve aralık ekran genişliğine göre küçülür (Baran, 4 Kasım 2026) */
:is(#ozet-cipler, #sekmeler) { gap: 14px clamp(18px, 1.8vw, 26px); }
:is(#ozet-cipler, #sekmeler) .cip { font-size: clamp(17px, 1.6vw, 22px); }
.akis .arac { align-items: flex-end; border-bottom: 1px solid var(--cizgi-a); }
.akis .ara { margin-bottom: 14px; }
.akis .ara input { border: 0; border-bottom: 1px solid transparent; background: none; padding: 10px 8px 10px 36px; }
.akis .ara input:focus { outline: 0; border-bottom-color: var(--yesil); }
.akis .ara svg { left: 6px; }
@media (max-width: 700px) {
  :is(.akis .cipler, #ozet-cipler, #sekmeler) { flex-wrap: nowrap; gap: 24px; overflow-x: auto; scrollbar-width: none; margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 32px), transparent); }
  :is(.akis .cipler, #ozet-cipler, #sekmeler)::-webkit-scrollbar { display: none; }
  :is(.akis .cipler, #ozet-cipler, #sekmeler) .cip { font-size: 24px; flex: none; }
  .akis .arac { border-bottom: 0; }
  .akis .cipler { border-bottom: 1px solid var(--cizgi-a); }
  .akis .ara { margin: 8px 0 0; border-bottom: 1px solid var(--cizgi-a); }
}
/* Haber sayfası: yol, içindekiler, yazar */
.yol { display: flex; flex-wrap: wrap; gap: 8px; color: var(--gri-k); margin-bottom: 36px; }
.yol a:hover { color: var(--beyaz); }
.icindekiler ol { list-style: none; display: grid; gap: 8px; margin-top: 10px; counter-reset: m; }
.icindekiler li { counter-increment: m; display: grid; grid-template-columns: 22px 1fr; font-size: 15px; line-height: 1.35; }
.icindekiler li::before { content: counter(m, decimal-leading-zero); font-family: var(--mono); font-size: 11px; color: var(--gri-a); padding-top: 3px; }
.icindekiler a:hover { color: var(--yesil); }
.metin h2[id] { scroll-margin-top: 90px; }
.yazar-kutu { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 20px; align-items: start; padding: 24px 0; margin: 8px 0 40px; border-top: 2px solid var(--siyah); border-bottom: 1px solid var(--cizgi-a); }
.yazar-kutu img { width: 56px; height: 56px; border-radius: 50%; }
.yazar-kutu p { color: var(--gri-a); font-size: 16px; margin: 4px 0 10px; max-width: none; }
.yazar-kutu strong { color: var(--siyah); font-weight: 500; }
.yazar-kutu a { color: var(--yesil); }
@media (max-width: 720px) {
  .giris { padding-top: 32px; }
  .icindekiler { grid-column: 1 / -1; }
}

/* Bülten akışı */
.akis { padding: 88px 0 96px; }
.arac { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; margin-bottom: 48px; }
.cipler { display: flex; flex-wrap: wrap; gap: 10px; }
.cip { padding: 11px 16px; border: 1px solid var(--cizgi-a); color: var(--gri-a); transition: background .25s, color .25s, border-color .25s; }
.cip:hover { border-color: var(--siyah); color: var(--siyah); }
.cip[aria-pressed="true"] { background: var(--siyah); border-color: var(--siyah); color: var(--beyaz); }
.ara { position: relative; flex: 0 1 320px; min-width: 0; }
.ara input { width: 100%; font: inherit; font-size: 17px; padding: 12px 16px 12px 44px; border: 1px solid var(--cizgi-a); background: var(--beyaz); color: var(--siyah); }
.ara input:focus { outline: 2px solid var(--yesil); outline-offset: -1px; }
.ara svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); }

.gorsel { position: relative; overflow: hidden; aspect-ratio: 4 / 3; max-width: 100%; background: var(--acik-gri); color: var(--gri-a); }
.gorsel::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(135deg, transparent 0 18px, rgba(17,17,17,.035) 18px 19px); transition: transform .8s var(--yumusak); }
.gorsel span { position: absolute; right: 14px; bottom: 12px; }
.gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--yumusak); }
.kart:hover .gorsel img { transform: scale(1.04); }
.gorsel.gorselsiz { display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: 24px; background: var(--siyah); color: var(--beyaz); }
.acik .gorsel.gorselsiz, .beyaz-zemin .gorsel.gorselsiz { background: #111111; color: #FFFFFF; }
.gorsel.gorselsiz::before { display: none; }
.gorsel.gorselsiz .etiket { color: var(--yesil-k); position: static; }
.gorsel.gorselsiz strong { font-weight: 200; font-size: clamp(22px, 2vw, 30px); line-height: 1.1; letter-spacing: -.02em; }
:root[data-tema="acik"] .acik .gorsel.gorselsiz { background: #FFFFFF; color: #111111; box-shadow: inset 0 0 0 1px var(--cizgi-a); }
:root[data-tema="acik"] .acik .gorsel.gorselsiz .etiket { color: #4A6E63; }
.bulten-gorseller { display: grid; gap: 24px; margin: 0 0 40px; }
.bulten-sekil { margin: 8px 0 32px; }
.bulten-sekil img { width: 100%; height: auto; }
.bulten-sekil figcaption { margin-top: 10px; font-size: 11px; }
.bulten-gorseller img { width: 100%; height: auto; }

.manset { display: grid; grid-template-columns: 1.25fr 1fr; gap: 56px; padding-bottom: 56px; border-bottom: 1px solid var(--cizgi-a); margin-bottom: 56px; cursor: pointer; }
.manset .gorsel { aspect-ratio: 16 / 10; }
.manset h2 { font-size: clamp(34px, 3.8vw, 52px); margin: 18px 0 20px; }
.manset p { color: var(--gri-a); }
.liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 40px; }
.kart { cursor: pointer; display: block; }
.manset.kart { display: grid; align-items: center; }
.kart h3 { font-weight: 500; font-size: 23px; line-height: 1.25; letter-spacing: -.01em; margin: 14px 0 10px; transition: color .25s; }
.kart p { font-size: 17px; color: var(--gri-a); }
.kart .gorsel { margin-bottom: 20px; }
.kart:hover h3, .manset:hover h2 { color: var(--yesil); }
.kart:hover .gorsel::before, .manset:hover .gorsel::before { transform: scale(1.08) translateX(10px); }
.devam { display: inline-flex; gap: 8px; margin-top: 14px; color: var(--yesil); opacity: 0; transform: translateX(-6px); transition: opacity .3s, transform .3s var(--yumusak); }
.kart:hover .devam, .manset:hover .devam, .kart:focus-visible .devam { opacity: 1; transform: none; }
.ust-bilgi { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; }
.ust-bilgi .kat { color: var(--yesil); }
.koyu .ust-bilgi .kat { color: var(--yesil-k); }
.bos { padding: 40px 0; color: var(--gri-a); }
.kart.belir { animation: belir .5s var(--yumusak) both; }
@keyframes belir { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

/* Mercek önizleme bandı ve sayfası */
.mercek { padding: 96px 0; }
.mercek-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; }
.mercek-izgara.dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mkart { text-align: left; display: block; width: 100%; }
.mkart .kapak { overflow: hidden; aspect-ratio: 4 / 5; max-width: 100%; margin-bottom: 16px; background: var(--siyah); }
.mkart img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--yumusak), filter .5s; filter: saturate(.9); }
.mkart:hover img { transform: scale(1.05); filter: saturate(1.05); }
.mkart h3 { font-weight: 500; font-size: 19px; line-height: 1.3; margin-top: 8px; transition: color .25s; }
.koyu .mkart:hover h3 { color: var(--yesil-k); }
.acik .mkart:hover h3 { color: var(--yesil); }

/* Büyük görünüm */
.isik { position: fixed; inset: 0; z-index: 80; background: rgba(17,17,17,.94); color: var(--beyaz); display: grid; place-items: center; padding: max(24px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(24px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); opacity: 0; pointer-events: none; transition: opacity .3s; }
.isik.acik-isik { opacity: 1; pointer-events: auto; }
.isik-ic { display: grid; grid-template-columns: auto minmax(0, 340px); gap: 40px; align-items: end; max-height: 100%; transform: scale(.96); transition: transform .4s var(--yumusak); }
.isik.acik-isik .isik-ic { transform: none; }
.isik img { max-height: 82vh; width: auto; }
.isik h3 { font-weight: 200; font-size: 34px; line-height: 1.1; margin: 14px 0 28px; }
.isik-nav { display: flex; gap: 10px; }
.isik-nav button, .kapat { border: 1px solid var(--cizgi-k); width: 48px; height: 48px; display: grid; place-items: center; transition: border-color .2s, background .2s; }
.isik-nav button:hover, .kapat:hover { border-color: var(--yesil-k); background: rgba(143,181,168,.08); }
.kapat { position: absolute; top: max(20px, env(safe-area-inset-top, 0px)); right: max(20px, env(safe-area-inset-right, 0px)); }

/* Abone bandı ve formlar */
.abone { padding: 104px 0; }
.abone .izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; }
.abone .baslik { font-size: clamp(40px, 5vw, 68px); }
.form { display: grid; gap: 16px; }
.alan { display: grid; gap: 8px; }
.form input[type=email], .form input[type=text] { font: inherit; font-size: 18px; padding: 16px 18px; background: transparent; color: inherit; border: 1px solid var(--cizgi-k); transition: border-color .2s; }
.beyaz-zemin .form input[type=email], .beyaz-zemin .form input[type=text] { border-color: var(--cizgi-a); background: var(--acik); }
.form input:focus { outline: none; border-color: var(--yesil-k); }
.beyaz-zemin .form input:focus { border-color: var(--yesil); }
.form .hata-alan input { border-color: #C2493D; }
.hata { font-size: 14px; color: #C2493D; min-height: 0; }
.koyu .hata { color: #E8806F; }
.onay { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; cursor: pointer; }
.onay input { margin-top: 5px; accent-color: var(--yesil); width: 16px; height: 16px; flex: none; }
.koyu .onay input { accent-color: var(--yesil-k); }
.basarili { display: grid; gap: 18px; justify-items: start; animation: gir .5s var(--yumusak); }
.basarili svg path { stroke-dasharray: 60; stroke-dashoffset: 60; animation: ciz .8s .15s var(--yumusak) forwards; }
.basarili svg circle { stroke-dasharray: 190; stroke-dashoffset: 190; animation: ciz .7s var(--yumusak) forwards; }
@keyframes ciz { to { stroke-dashoffset: 0; } }
.basarili h3 { font-weight: 200; font-size: 36px; line-height: 1.1; }

/* Bülten sayfası */
.ilerleme { position: fixed; left: 0; top: env(safe-area-inset-top, 0px); height: 3px; width: 100%; background: var(--yesil-k); transform-origin: left; transform: scaleX(0); z-index: 70; }
.makale-bas { padding: 88px 0 64px; }
.geri { display: inline-flex; gap: 10px; color: var(--gri-k); margin-bottom: 40px; transition: color .2s, gap .3s var(--yumusak); }
.geri:hover { color: var(--beyaz); gap: 16px; }
.makale-bas .baslik { font-size: clamp(40px, 5.6vw, 76px); margin: 24px 0 32px; max-width: 18ch; }
.makale-bas .lede { font-size: 24px; max-width: 32em; color: var(--gri-k); }
.makale { display: grid; grid-template-columns: 220px minmax(0, 720px); gap: 64px; padding-top: 80px; padding-bottom: 104px; }
.makale aside { display: grid; gap: 28px; align-content: start; position: sticky; top: 100px; }
.makale aside div { border-top: 1px solid var(--cizgi-a); padding-top: 12px; }
.makale aside p { font-weight: 500; font-size: 16px; margin-top: 6px; }
.metin { min-width: 0; }
.metin p { font-size: 20px; line-height: 1.7; margin-bottom: 26px; max-width: 65ch; }
.metin h2 { font-weight: 900; font-size: 26px; letter-spacing: -.02em; margin: 44px 0 16px; }
.metin figure { margin: 0 0 40px; }
.metin figure .gorsel { aspect-ratio: 16 / 9; }
.metin figcaption { margin-top: 12px; }
.buyutec { border-left: 2px solid var(--yesil); padding: 4px 0 4px 24px; margin: 44px 0; }
.buyutec p { margin: 12px 0 0; }
.sonraki { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; border-top: 1px solid var(--cizgi-a); padding-top: 32px; margin-top: 56px; }
.sonraki button, .sonraki a { text-align: left; display: grid; gap: 8px; padding: 18px; border: 1px solid var(--cizgi-a); transition: border-color .25s, transform .25s var(--yumusak); }
.sonraki button:hover, .sonraki a:hover { border-color: var(--yesil); transform: translateY(-2px); }
.sonraki button:last-child, .sonraki a:last-child:not(:first-child) { text-align: right; }
.sonraki strong { font-weight: 500; font-size: 17px; line-height: 1.3; }

/* Bülten gönder */
.sayfa { padding: 96px 0 112px; }
.sayfa .baslik { font-size: clamp(44px, 6vw, 84px); margin: 28px 0 48px; max-width: 16ch; }
.adres-satir { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; margin-bottom: 80px; }
.adres { font-weight: 900; font-size: clamp(26px, 3.6vw, 44px); letter-spacing: -.02em; color: var(--yesil); word-break: break-word; }
.kopyala { border: 1px solid var(--cizgi-a); padding: 12px 16px; color: var(--gri-a); transition: border-color .2s, color .2s; }
.kopyala:hover { border-color: var(--siyah); color: var(--siyah); }
.gonder-izgara { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 72px; align-items: start; }
.kurallar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.kural { border-top: 1px solid var(--cizgi-a); padding: 24px 0 32px; }
.kural h3 { font-weight: 500; font-size: 22px; margin: 10px 0 8px; }
.kural p { color: var(--gri-a); font-size: 17px; }
.kontrol { background: var(--siyah); color: var(--beyaz); padding: 36px; position: sticky; top: 100px; }
.kontrol h3 { font-weight: 200; font-size: 30px; line-height: 1.1; margin: 14px 0 24px; }
.kontrol ul { list-style: none; display: grid; gap: 4px; }
.kontrol label { display: flex; gap: 14px; align-items: flex-start; padding: 10px 0; cursor: pointer; font-size: 16px; color: var(--gri-k); transition: color .2s; }
.kontrol input { accent-color: var(--yesil-k); margin-top: 4px; width: 16px; height: 16px; flex: none; }
.kontrol input:checked + span { color: var(--beyaz); }
.cubuk { height: 3px; background: var(--cizgi-k); margin: 24px 0 14px; overflow: hidden; }
.cubuk i { display: block; height: 100%; width: 0; background: var(--yesil-k); transition: width .5s var(--yumusak); }
.durum { color: var(--gri-k); min-height: 1.5em; transition: color .3s; }
.durum.tamam { color: var(--yesil-k); }

/* Bildirim */
.bildirim { position: fixed; left: 50%; bottom: max(24px, env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 20px); background: var(--siyah); color: var(--beyaz); border: 1px solid var(--cizgi-k); padding: 14px 20px; opacity: 0; transition: opacity .3s, transform .35s var(--yumusak); z-index: 90; pointer-events: none; }
.bildirim.goster { opacity: 1; transform: translate(-50%, 0); }

/* Kaydırınca belirme */
.bekle { opacity: 0; transform: translateY(28px); }
.gorundu { opacity: 1; transform: none; transition: opacity .8s var(--yumusak), transform .8s var(--yumusak); }

/* Alt bilgi */
.alt { padding: 64px 0 48px; border-top: 1px solid var(--cizgi-k); }
.alt .kap { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: end; }
.alt img { height: 44px; width: auto; margin-bottom: 18px; }
.alt nav { display: flex; gap: 28px; flex-wrap: wrap; }
.alt nav a { color: var(--gri-k); transition: color .2s; }
.alt nav a:hover { color: var(--beyaz); }

/* Nokta ızgarası: imlecin çevresi mercek gibi büyür */
.giris > .kap { position: relative; z-index: 1; }
.nokta { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }

/* Perde: açılış ve sayfa geçişi */
.perde { position: fixed; inset: 0; z-index: 100; background: var(--siyah); display: grid; place-items: center; transform: translateY(100%); pointer-events: none; }
.perde img { width: 168px; height: auto; opacity: 0; transform: scale(.9); }
.perde.acilis { transform: none; animation: perde-kalk .7s 1.15s var(--yumusak) forwards; }
.perde.acilis img { animation: goz-kirp 1.1s .1s var(--yumusak) forwards; }
.perde.gecis { animation: perde-gec .9s var(--yumusak); }
@keyframes perde-kalk { to { transform: translateY(-100%); } }
@keyframes perde-gec { 0% { transform: translateY(100%); } 42%, 58% { transform: none; } 100% { transform: translateY(-100%); } }
@keyframes goz-kirp { 0% { opacity: 0; transform: scale(.9); } 35% { opacity: 1; transform: scale(1); } 55% { transform: scaleY(.12); } 70% { transform: scaleY(1); } 100% { opacity: 1; transform: scale(1); } }

/* Kaydırmayla akan kategori yazısı */
.kinetik { overflow: hidden; padding: 56px 0; border-top: 1px solid var(--cizgi-k); border-bottom: 1px solid var(--cizgi-k); }
.kin-ic { display: flex; gap: .5em; white-space: nowrap; font-size: clamp(56px, 9vw, 140px); line-height: 1; letter-spacing: -.03em; will-change: transform; }
.kin-ic span { font-weight: 200; }
.kin-ic b { font-weight: 900; color: var(--yesil-k); }
.kin-ic i { font-style: normal; color: var(--cizgi-k); font-weight: 200; }

/* Mercek kartı 3B eğilme */
.mkart .kapak { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .5s var(--yumusak), box-shadow .5s; position: relative; }
.mkart:hover .kapak { box-shadow: 0 24px 48px -24px rgba(17,17,17,.55); }
.mkart .kapak::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at var(--px, 50%) var(--py, 50%), rgba(255,255,255,.18), transparent 45%); opacity: 0; transition: opacity .4s; pointer-events: none; }
.mkart:hover .kapak::after { opacity: 1; }
/* Kapak çerçevesi: koyu kapak koyu zeminde, açık kapak açık zeminde kaybolmasın */
.koyu .mkart .kapak { box-shadow: 0 0 0 1px rgba(244,244,242,.22); }
.koyu .mkart:hover .kapak { box-shadow: 0 0 0 1px rgba(143,181,168,.65), 0 28px 56px -24px rgba(0,0,0,.9); }
.acik .mkart .kapak { box-shadow: 0 0 0 1px rgba(17,17,17,.1); }
.acik .mkart:hover .kapak { box-shadow: 0 0 0 1px rgba(17,17,17,.16), 0 24px 48px -24px rgba(17,17,17,.55); }
.kapak-sekil img, .ilgili-izgara img, .yazar-kutu img { box-shadow: 0 0 0 1px rgba(17,17,17,.12); }
.isik img { box-shadow: 0 0 0 1px rgba(244,244,242,.2), 0 30px 60px -20px rgba(0,0,0,.9); }

/* Bültenler yakında */
.yakinda { display: grid; gap: 24px; justify-items: start; padding: 24px 0 16px; }
.yakinda .baslik { font-size: clamp(40px, 5.4vw, 76px); }
.yakinda p { max-width: 36em; color: var(--gri-a); font-size: 20px; }
.yakinda-dugmeler { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 8px; }
.serit[hidden], .arac[hidden], .abone[hidden], .alt nav a[hidden] { display: none; }

/* Haber sayfası ekleri */
.mkart .devam { margin-top: 10px; }
.kapak-sekil img { width: 100%; max-width: 520px; height: auto; }
.kaynaklar { list-style: none; display: grid; gap: 12px; margin: 8px 0 32px; }
.kaynaklar a { text-decoration: underline; text-underline-offset: 3px; color: var(--yesil); word-break: break-word; }
.kaynaklar span { color: var(--gri-a); }
.dipnot { font-size: 16px !important; color: var(--gri-a); }
.ilk-yayin { border-top: 1px solid var(--cizgi-a); padding-top: 24px; margin-top: 8px; }

/* İçeriğe geç bağlantısı */
.atla { position: absolute; left: 16px; top: -60px; z-index: 120; background: var(--yesil-k); color: var(--siyah); padding: 12px 16px; transition: top .2s; }
.atla:focus { top: 16px; }
main:focus { outline: none; }

/* Paylaşım ve ilgili haberler */
.paylas { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 8px 0 40px; }
.paylas > span { margin-right: 6px; }
.paylas a, .paylas button { position: relative; display: grid; place-items: center; width: 34px; height: 34px; border: 0; color: var(--siyah); transition: border-color .2s, color .2s, background .2s, transform .25s var(--yumusak); }
.paylas button { font: inherit; letter-spacing: inherit; text-transform: inherit; }
.paylas a:hover, .paylas button:hover { color: var(--yesil); transform: translateY(-2px); }
.etiketler a { display: inline-block; width: auto; height: auto; padding: 10px 14px; border: 1px solid var(--cizgi-a); }
.etiketler a:hover { border-color: var(--yesil); }
.paylas button.kopyalandi { color: var(--yesil); }
.paylas button.kopyalandi::after { content: "Kopyalandı"; position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); white-space: nowrap; padding: 4px 8px; background: var(--siyah); color: var(--acik); font-size: 11px; }
.ilgili { border-top: 1px solid var(--cizgi-a); padding-top: 32px; margin-top: 48px; }
.ilgili-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 20px; }
.ilgili-izgara a { display: grid; gap: 8px; }
.ilgili-izgara img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.ilgili-izgara strong { font-weight: 500; font-size: 16px; line-height: 1.3; }
.ilgili-izgara a:hover strong { color: var(--yesil); }
@media (max-width: 720px) { .ilgili-izgara { grid-template-columns: 1fr 1fr; } }

/* 404 */
.bulunamadi { padding: 120px 0; }
.bulunamadi .baslik { font-size: clamp(48px, 7vw, 96px); margin: 28px 0 32px; }

/* Mıknatıslı düğme */
.miknatis { transition: transform .35s var(--yumusak); }

@media (max-width: 980px) {
  :root { --kenar: 32px; }
  .manset, .abone .izgara, .makale, .gonder-izgara { grid-template-columns: 1fr; gap: 40px; }
  .liste, .mercek-izgara, .mercek-izgara.dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .makale aside { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .kontrol { position: static; }
  .isik-ic { grid-template-columns: 1fr; gap: 20px; justify-items: center; text-align: center; }
  .isik img { max-height: 62vh; }
  .isik h3 { margin-bottom: 16px; font-size: 26px; }
  .isik-nav { justify-content: center; }
}
@media (max-width: 720px) {
  :root { --kenar: 16px; }
  body { font-size: 17px; }
  .ust .kap { height: 68px; }
  .ust.ince .kap { height: 60px; }
  .ust .logo img { height: 32px; }
  .menu-dugme { display: block; }
  .menu { position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: var(--siyah); border-bottom: 1px solid var(--cizgi-k); padding: 8px max(16px, env(safe-area-inset-right, 0px)) 20px max(16px, env(safe-area-inset-left, 0px)); clip-path: inset(0 0 100% 0); transition: clip-path .4s var(--yumusak); }
  .ust.acik-menu .menu { clip-path: inset(0 0 0 0); }
  .menu a { padding: 14px 0; border-bottom: 1px solid var(--cizgi-k); }
  .menu a::after { display: none; }
  .menu .dugme { margin-top: 16px; justify-content: center; border: 0; padding: 14px; }
  .giris { padding: 32px 0 72px; }
  .giris p.ozet { font-size: 19px; }
  .akis, .mercek, .abone, .sayfa { padding: 64px 0; }
  .liste, .kurallar { grid-template-columns: 1fr; }
  .mercek-izgara, .mercek-izgara.dort { gap: 28px 16px; }
  .mkart h3 { font-size: 16px; }
  .ara { flex: 1 1 100%; }
  .makale { padding-top: 48px; }
  .makale aside { grid-template-columns: 1fr 1fr; }
  .metin p { font-size: 18px; }
  .sonraki { grid-template-columns: 1fr; }
  .sonraki button:last-child, .sonraki a:last-child { text-align: left; }
  .kontrol { padding: 24px; }
  .alt .kap { grid-template-columns: 1fr; }
  .bolum-ust { flex-direction: column; gap: 6px; }
}
@media (hover: none) { .devam { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .serit-ic { animation: none; }
  .bekle { opacity: 1; transform: none; }
}