/* kasimbaba.net — görsel dil: "meşk defteri"
   Dizgi:   editoryal/dergi kurgusu — asimetrik ızgara, mahya harfi, iktibas blokları
   Palet:   parşömen · mürekkep · altın hâşiye
   Doku:    ince gren katmanı, çok katlı yumuşak gölge, altın hat çizgileri
   Ornament: ses kaydını temsil eden akan şerit (köşeli geometri yok) */

/* ─────────────────────────── belirteçler ─────────────────────────── */

:root {
  /* parşömen ve mürekkep */
  --kagit:        #fbf8f1;
  --kagit-2:      #ffffff;
  --kagit-3:      #f4efe2;
  --murekkep:     #14181f;
  --murekkep-2:   #414c5c;
  --soluk:        #7b8697;
  --cizgi:        #e5ddcb;
  --cizgi-2:      #d4c9ae;

  /* lacivert mürekkep ve altın hâşiye */
  --lacivert:     #1c3557;
  --lacivert-2:   #2c4d78;
  --altin:        #8d6412;
  --altin-2:      #b8871f;
  --altin-parlak: #d8ab3c;
  --altin-sis:    rgba(184, 135, 31, .13);

  /* koyu şerit (her iki kipte de koyu kalır) */
  --serit-bg:     #10141c;
  --serit-fg:     #f2ece0;
  --serit-fg-2:   #a9b0bd;

  --vurgu-fon:    #fbeec4;

  /* tipografi */
  --display: "Cormorant Garamond", "Iowan Old Style", Palatino, Georgia, serif;
  --govde:   "Crimson Pro", "Iowan Old Style", Palatino, Georgia, serif;
  --kitabe:  "Cinzel", "Trajan Pro", Georgia, serif;
  --tek:     ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* ölçü */
  --olcu:   36rem;
  --kenar:  9.5rem;
  --bosluk: clamp(3rem, 6vw, 5.5rem);

  /* gölge katmanları */
  --golge-1: 0 1px 2px rgba(20, 24, 31, .05), 0 2px 8px rgba(20, 24, 31, .04);
  --golge-2: 0 2px 4px rgba(20, 24, 31, .06), 0 8px 24px rgba(20, 24, 31, .07),
             0 1px 0 rgba(255, 255, 255, .6) inset;
  --golge-3: 0 4px 10px rgba(20, 24, 31, .09), 0 18px 44px rgba(20, 24, 31, .10);

  --yay: cubic-bezier(.2, .8, .2, 1);
}

:root[data-theme="dark"], html:not([data-theme="light"]) {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --kagit:      #0f1319;
    --kagit-2:    #161b23;
    --kagit-3:    #1b212b;
    --murekkep:   #ece5d5;
    --murekkep-2: #b6bcc8;
    --soluk:      #7f8895;
    --cizgi:      #272e39;
    --cizgi-2:    #39424f;
    --lacivert:   #9db8dd;
    --lacivert-2: #b6cbe8;
    --altin:      #d8ab3c;
    --altin-2:    #e5bf5e;
    --altin-sis:  rgba(216, 171, 60, .12);
    --vurgu-fon:  #4a3c14;
    --golge-1: 0 1px 2px rgba(0, 0, 0, .4);
    --golge-2: 0 2px 6px rgba(0, 0, 0, .45), 0 10px 30px rgba(0, 0, 0, .35);
    --golge-3: 0 6px 14px rgba(0, 0, 0, .5), 0 22px 56px rgba(0, 0, 0, .45);
    color-scheme: dark;
  }
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--kagit);
  color: var(--murekkep);
  font-family: var(--govde);
  font-size: 1.125rem;
  line-height: 1.7;
  font-feature-settings: "kern" 1, "liga" 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* kâğıt greni — bütün sayfanın üstünde ince bir doku */
body::before {
  content: "";
  position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  opacity: .38; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'>\
<filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/>\
<feColorMatrix type='saturate' values='0'/></filter>\
<rect width='160' height='160' filter='url(%23g)' opacity='.5'/></svg>");
}
@media (prefers-color-scheme: dark) {
  body::before { mix-blend-mode: overlay; opacity: .22; }
}

::selection { background: var(--altin-sis); }

/* ─────────────────────────── iskelet ─────────────────────────── */

.sayfa { max-width: 66rem; margin: 0 auto; padding: 0 1.5rem; }

.satir {
  display: grid;
  grid-template-columns: var(--kenar) minmax(0, var(--olcu));
  gap: 2.25rem;
  align-items: start;
}
.satir > .kenar {
  font-family: var(--kitabe);
  font-size: .625rem; font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--soluk);
  text-align: right; padding-top: .9rem;
  position: sticky; top: 2rem;
}
.satir > .kenar::after {
  content: ""; display: block; height: 1px; margin-top: .7rem; margin-left: auto;
  width: 2rem; background: linear-gradient(to left, var(--altin-2), transparent);
}
@media (max-width: 52rem) {
  .satir { grid-template-columns: 1fr; gap: .6rem; }
  .satir > .kenar { text-align: left; position: static; padding-top: 0; }
  .satir > .kenar::after { margin-left: 0; }
}

/* ─────────────────────────── başlık ─────────────────────────── */

.tepe {
  position: sticky; top: 0; z-index: 60;
  background: color-mix(in srgb, var(--kagit) 88%, transparent);
  backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid var(--cizgi);
}
.tepe .ic {
  max-width: 66rem; margin: 0 auto; padding: .95rem 1.5rem;
  display: flex; align-items: center; gap: 1.25rem 2rem; flex-wrap: wrap;
}
.marka { display: flex; align-items: center; gap: .7rem; text-decoration: none; border: 0; }
.marka .nisan { width: 26px; height: 26px; flex: none; }
.marka .yazi { display: flex; flex-direction: column; line-height: 1.05; }
.marka .ad {
  font-family: var(--kitabe); font-weight: 600; font-size: .875rem;
  letter-spacing: .13em; text-transform: uppercase; color: var(--murekkep);
}
.marka .yil {
  font-family: var(--tek); font-size: .625rem; letter-spacing: .1em;
  color: var(--soluk); margin-top: .18rem;
}
.tepe nav { display: flex; flex-wrap: wrap; gap: 1.4rem; margin-left: auto; }
.tepe nav a {
  position: relative; border: 0; text-decoration: none;
  font-family: var(--kitabe); font-size: .6875rem; font-weight: 500;
  letter-spacing: .13em; text-transform: uppercase; color: var(--murekkep-2);
  padding: .3rem 0; transition: color .2s var(--yay);
}
.tepe nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: var(--altin-2); transform: scaleX(0); transform-origin: left;
  transition: transform .28s var(--yay);
}
.tepe nav a:hover { color: var(--murekkep); }
.tepe nav a:hover::after, .tepe nav a[aria-current]::after { transform: scaleX(1); }
.tepe nav a[aria-current] { color: var(--murekkep); }
@media (max-width: 40rem) {
  .tepe { position: static; }
  .tepe nav { margin-left: 0; width: 100%; gap: 1rem; }
}

/* ─────────────────────────── koyu şerit / hero ─────────────────────────── */

.perde {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--serit-bg); color: var(--serit-fg);
  margin-bottom: var(--bosluk);
}
.perde::before {            /* katmanlı ışık */
  content: ""; position: absolute; inset: -30% -10%; z-index: -2;
  background:
    radial-gradient(60% 55% at 22% 18%, rgba(184, 135, 31, .30), transparent 62%),
    radial-gradient(55% 60% at 82% 82%, rgba(28, 53, 87, .70), transparent 60%),
    radial-gradient(90% 90% at 50% 0%, rgba(216, 171, 60, .10), transparent 70%);
  filter: blur(6px);
}
.perde::after {             /* alt altın hâşiye */
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(to right, transparent, var(--altin-parlak) 22%, var(--altin-parlak) 78%, transparent);
  opacity: .5;
}
.perde .ic { max-width: 66rem; margin: 0 auto; padding: clamp(3.5rem, 8vw, 6.5rem) 1.5rem clamp(3rem, 6vw, 5rem); }

.kitabe-etiket {
  font-family: var(--kitabe); font-size: .6875rem; font-weight: 600;
  letter-spacing: .26em; text-transform: uppercase;
  color: var(--altin-parlak);
  display: flex; align-items: center; gap: .9rem; margin: 0 0 1.4rem;
}
.kitabe-etiket::after {
  content: ""; height: 1px; flex: 1; max-width: 7rem;
  background: linear-gradient(to right, var(--altin-parlak), transparent);
  opacity: .6;
}

.perde h1 {
  font-family: var(--display); font-weight: 500;
  font-size: clamp(2.6rem, 7vw, 5rem); line-height: 1.02;
  letter-spacing: -.02em; margin: 0; max-width: 20ch;
}
.perde h1 em { font-style: italic; color: var(--altin-parlak); font-weight: 400; }
.perde .lakap {
  font-family: var(--display); font-style: italic; font-weight: 300;
  font-size: clamp(1.25rem, 2.6vw, 1.75rem); color: var(--serit-fg-2);
  margin: 1rem 0 0;
}
.perde .tanim {
  max-width: 46ch; margin: 1.9rem 0 0; color: var(--serit-fg-2);
  font-size: 1.0625rem; line-height: 1.75;
}
.perde a { color: var(--altin-parlak); border-bottom-color: rgba(216, 171, 60, .4); }

/* künye rakamları */
.rakamlar { display: flex; flex-wrap: wrap; gap: 0; margin: 2.75rem 0 0; }
.rakamlar div { padding: 0 1.75rem 0 0; margin-right: 1.75rem; border-right: 1px solid rgba(255, 255, 255, .13); }
.rakamlar div:last-child { border-right: 0; margin-right: 0; padding-right: 0; }
.rakamlar b {
  display: block; font-family: var(--display); font-weight: 500;
  font-size: 2.25rem; line-height: 1; color: var(--serit-fg);
  font-variant-numeric: lining-nums tabular-nums;
}
.rakamlar span {
  display: block; margin-top: .5rem;
  font-family: var(--kitabe); font-size: .625rem; font-weight: 500;
  letter-spacing: .16em; text-transform: uppercase; color: var(--serit-fg-2);
}

/* ─────────────────────────── ses şeridi (imza ornament) ─────────────────────────── */

.dalga {
  display: flex; align-items: flex-end; gap: 3px; height: 2.5rem;
  margin: var(--bosluk) 0;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent);
}
.dalga i {
  flex: 1; min-width: 1px; border-radius: 2px;
  background: linear-gradient(to top, var(--cizgi-2), var(--altin-2));
  opacity: .55;
  transform-origin: bottom;
  animation: nefes 4.5s var(--yay) infinite;
}
@keyframes nefes { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(.62); } }
@media (prefers-reduced-motion: reduce) { .dalga i { animation: none; } }
.perde .dalga { margin: 2.5rem 0 0; }
.perde .dalga i { background: linear-gradient(to top, rgba(216,171,60,.25), var(--altin-parlak)); opacity: .5; }

/* ─────────────────────────── tipografi ─────────────────────────── */

h1, h2, h3, h4 { font-family: var(--display); font-weight: 600; line-height: 1.14; letter-spacing: -.014em; margin: 0 0 .6rem; }
h1 { font-size: clamp(2.25rem, 5vw, 3.4rem); font-weight: 500; }
h2 { font-size: clamp(1.6rem, 3vw, 2.1rem); margin-top: 3.25rem; }
h3 { font-size: 1.3rem; margin-top: 2.25rem; }

/* bölüm başlıklarının önünde altın hâşiye */
.ana > h2 { padding-top: 1.1rem; border-top: 1px solid var(--cizgi); position: relative; }
.ana > h2::before {
  content: ""; position: absolute; top: -1px; left: 0; width: 3.5rem; height: 2px;
  background: linear-gradient(to right, var(--altin-2), transparent);
}

.ust-baslik {
  font-family: var(--kitabe); font-size: .625rem; font-weight: 600;
  letter-spacing: .24em; text-transform: uppercase; color: var(--altin);
  margin: 0 0 1rem;
}
.alt-baslik {
  font-family: var(--display); font-size: 1.375rem; font-style: italic;
  font-weight: 300; color: var(--murekkep-2); margin: .6rem 0 0; line-height: 1.45;
}

p { margin: 0 0 1.25rem; }
a {
  color: var(--lacivert); text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--altin-2) 45%, transparent);
  transition: border-color .2s var(--yay), color .2s var(--yay);
}
a:hover { color: var(--altin); border-bottom-color: var(--altin-2); }
strong { font-weight: 600; color: var(--murekkep); }
hr { border: 0; height: 1px; background: linear-gradient(to right, var(--cizgi-2), transparent); margin: 3rem 0; }

/* mahya harfi — yazıların ilk paragrafı */
.mahya > p:first-of-type::first-letter {
  float: left; font-family: var(--display); font-weight: 600;
  font-size: 4.1em; line-height: .82; margin: .06em .12em 0 0;
  color: var(--lacivert);
}

/* iktibas — Kasım Baba'nın sözleri */
blockquote {
  position: relative; margin: 2.5rem 0; padding: .2rem 0 .2rem 2rem;
  border-left: 2px solid var(--altin-2);
  font-family: var(--display); font-style: italic; font-weight: 300;
  font-size: 1.375rem; line-height: 1.5; color: var(--murekkep);
}
blockquote::before {
  content: "\201C"; position: absolute; left: .35rem; top: -.5rem;
  font-family: var(--display); font-size: 3.2rem; font-style: normal;
  color: var(--altin-2); opacity: .3; line-height: 1;
}
blockquote p:last-child { margin-bottom: 0; }
blockquote cite {
  display: block; margin-top: .9rem; font-family: var(--kitabe); font-style: normal;
  font-size: .625rem; letter-spacing: .16em; text-transform: uppercase; color: var(--soluk);
}

ul, ol { padding-left: 1.35rem; margin: 0 0 1.25rem; }
li { margin-bottom: .4rem; }

table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 1rem; }
th, td { text-align: left; padding: .7rem 1rem .7rem 0; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
th {
  font-family: var(--kitabe); font-size: .625rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--soluk);
  border-bottom-color: var(--cizgi-2);
}
tbody tr:hover { background: var(--kagit-3); }

code {
  font-family: var(--tek); font-size: .85em; background: var(--kagit-3);
  border: 1px solid var(--cizgi); border-radius: 3px; padding: .1rem .35rem;
}

/* ─────────────────────────── bölümler ─────────────────────────── */

section { margin-bottom: var(--bosluk); }
.serit-ayrac { height: 1px; background: linear-gradient(to right, transparent, var(--cizgi-2) 30%, var(--cizgi-2) 70%, transparent); margin: var(--bosluk) 0; }

/* arama paneli */
.arama-panel {
  background: var(--kagit-2); border: 1px solid var(--cizgi);
  border-radius: 3px; box-shadow: var(--golge-2);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  position: relative; overflow: hidden;
}
.arama-panel::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(to bottom, var(--altin-2), transparent 75%);
}
.arama-kutu {
  display: flex; align-items: center; gap: .5rem;
  background: var(--kagit); border: 1px solid var(--cizgi-2); border-radius: 2px;
  padding: .2rem .2rem .2rem .9rem;
  transition: border-color .2s var(--yay), box-shadow .2s var(--yay);
}
.arama-kutu:focus-within { border-color: var(--altin-2); box-shadow: 0 0 0 3px var(--altin-sis); }
.arama-kutu svg { flex: none; color: var(--soluk); }
.arama-kutu input {
  flex: 1; min-width: 0; border: 0; background: transparent; color: var(--murekkep);
  font-family: var(--govde); font-size: 1.1875rem; padding: .75rem .2rem; outline: none;
}
.arama-kutu input::placeholder { color: var(--soluk); opacity: .85; }
.arama-kutu button {
  flex: none; border: 0; cursor: pointer; border-radius: 2px;
  background: var(--lacivert); color: #fff;
  font-family: var(--kitabe); font-size: .6875rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  padding: .85rem 1.35rem; min-height: 44px;
  transition: background .2s var(--yay), transform .15s var(--yay);
}
.arama-kutu button:hover { background: var(--lacivert-2); }
.arama-kutu button:active { transform: scale(.97); }
@media (prefers-color-scheme: dark) { .arama-kutu button { color: #0f1319; } }

.ipucu { font-size: .9375rem; color: var(--soluk); margin: .9rem 0 0; }
.ipucu code { font-size: .8em; }

.oneriler { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.1rem; }
.oneriler a {
  border: 1px solid var(--cizgi-2); border-radius: 100px; padding: .35rem .85rem;
  font-size: .9375rem; color: var(--murekkep-2); background: var(--kagit);
  transition: all .2s var(--yay);
}
.oneriler a:hover { border-color: var(--altin-2); color: var(--altin); background: var(--altin-sis); }

/* ─────────────────────────── dizelge (sohbet listesi) ─────────────────────────── */

.dizelge { list-style: none; margin: 0; padding: 0; }
.dizelge li + li { margin-top: .6rem; }
.dizelge a {
  display: grid; grid-template-columns: 3.25rem 1fr auto; gap: 1.25rem; align-items: center;
  padding: 1.15rem 1.25rem; border: 1px solid var(--cizgi); border-radius: 3px;
  background: var(--kagit-2); box-shadow: var(--golge-1); color: inherit;
  transition: box-shadow .25s var(--yay), border-color .25s var(--yay), transform .25s var(--yay);
}
.dizelge a:hover {
  box-shadow: var(--golge-3); border-color: var(--cizgi-2); transform: translateY(-2px);
}
.dizelge .no {
  font-family: var(--display); font-size: 1.5rem; font-weight: 500; color: var(--altin);
  text-align: center; font-variant-numeric: lining-nums;
}
.dizelge .ad2 { font-family: var(--display); font-size: 1.3125rem; font-weight: 600; line-height: 1.25; }
.dizelge .ad2 small {
  display: block; margin-top: .25rem; font-family: var(--govde); font-size: .9375rem;
  font-style: italic; font-weight: 400; color: var(--murekkep-2);
}
.dizelge .sag {
  font-family: var(--tek); font-size: .75rem; color: var(--soluk);
  text-align: right; white-space: nowrap; line-height: 1.5;
}
.dizelge .sag b { display: block; font-family: var(--govde); font-weight: 600; color: var(--murekkep-2); font-size: .875rem; }
@media (max-width: 34rem) {
  .dizelge a { grid-template-columns: 2.5rem 1fr; padding: 1rem; }
  .dizelge .sag { grid-column: 2; text-align: left; margin-top: .3rem; }
}

/* ─────────────────────────── kronoloji ─────────────────────────── */

.kronoloji { position: relative; padding-left: 1.5rem; }
.kronoloji::before {
  content: ""; position: absolute; left: 0; top: .8rem; bottom: 2rem; width: 1px;
  background: linear-gradient(to bottom, var(--altin-2), var(--cizgi) 70%, transparent);
}
.kronoloji .olay { position: relative; padding: 0 0 2.25rem; }
.kronoloji .olay::before {
  content: ""; position: absolute; left: -1.5rem; top: .55rem;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--kagit); border: 1.5px solid var(--altin-2);
  transform: translateX(-4px); box-shadow: 0 0 0 4px var(--kagit);
}
.kronoloji .yil {
  font-family: var(--kitabe); font-weight: 600; font-size: .75rem; letter-spacing: .1em;
  color: var(--altin); font-variant-numeric: lining-nums;
  display: flex; align-items: baseline; gap: .6rem; margin-bottom: .35rem;
}
.kronoloji .yil small { font-family: var(--govde); font-size: .875rem; letter-spacing: 0; color: var(--soluk); font-style: italic; text-transform: none; font-weight: 400; }
.kronoloji h3 { margin: 0 0 .45rem; font-size: 1.375rem; }
.kronoloji p { margin: 0; color: var(--murekkep-2); }
.kronoloji .not {
  margin-top: .7rem; padding: .6rem .9rem; border-left: 2px solid var(--cizgi-2);
  background: var(--kagit-3); font-size: .9375rem; color: var(--soluk); font-style: italic;
}

/* ─────────────────────────── silsile ─────────────────────────── */

.silsile { list-style: none; margin: 0; padding: 0; position: relative; }
.silsile li { position: relative; padding: 0 0 1.9rem 2.5rem; }
.silsile li::after {
  content: ""; position: absolute; left: 5px; top: 1.35rem; bottom: -.2rem; width: 1px;
  background: linear-gradient(to bottom, var(--cizgi-2), var(--cizgi));
}
.silsile li:last-child::after { display: none; }
.silsile li::before {
  content: ""; position: absolute; left: 0; top: .55rem;
  width: 11px; height: 11px; border-radius: 50%;
  border: 1.5px solid var(--cizgi-2); background: var(--kagit);
}
.silsile li.bu::before {
  border-color: var(--altin-2); background: var(--altin-2);
  box-shadow: 0 0 0 4px var(--altin-sis);
}
.silsile .isim { font-family: var(--display); font-size: 1.3125rem; font-weight: 600; line-height: 1.3; }
.silsile .silsile-kisi { color: inherit; border: 0; text-decoration-line: underline; text-decoration-color: rgb(7 63 211 / .28); text-decoration-thickness: 1px; text-underline-offset: .22em; transition: color .18s ease, text-decoration-color .18s ease; }
.silsile .silsile-kisi:hover { color: var(--lacivert); text-decoration-color: currentColor; }
.silsile .silsile-kisi:focus-visible { color: var(--lacivert); outline: 2px solid var(--lacivert); outline-offset: 3px; text-decoration: none; }
.silsile li.bu .isim { color: var(--altin); }
.silsile .sifat { font-size: .9375rem; font-style: italic; color: var(--murekkep-2); margin-top: .15rem; }
.silsile .aciklama { font-size: .9375rem; color: var(--murekkep-2); margin-top: .45rem; }
.silsile-belge-notu { margin: 0 0 2rem; padding: 1rem 1.15rem; border-left: 3px solid var(--lacivert); background: var(--kagit-3); color: var(--murekkep-2); font-size: .92rem; }
.silsile-belge-notu span { display: inline-block; margin-top: .4rem; color: var(--lacivert); font: 650 .72rem/1.35 var(--display); }
.silsile .silsile-no { position: absolute; left: 0; top: .1rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid var(--cizgi-2); background: var(--kagit); color: var(--lacivert); font: 700 .7rem/1 var(--display); font-variant-numeric: tabular-nums; }
.silsile li { padding-left: 3rem; }
.silsile li::before { display: none; }
.silsile li::after { left: .875rem; top: 1.85rem; }
.silsile li.bu .silsile-no { border-color: var(--lacivert); background: var(--lacivert); color: #fff; }

/* ─────────────────────────── oynatıcı ve deşifre ─────────────────────────── */

.oynatici {
  position: sticky; top: 3.6rem; z-index: 40; margin: 0 0 2.5rem;
  background: color-mix(in srgb, var(--kagit) 94%, transparent);
  backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid var(--cizgi); border-radius: 3px;
  box-shadow: var(--golge-2);
}
.oynatici .not { margin: 0; padding: 1rem 1.25rem; font-size: .9375rem; color: var(--soluk); }
@media (max-width: 40rem) { .oynatici { top: 0; } }

/* çalar */
.calar { display: flex; align-items: center; gap: .6rem; padding: .7rem .85rem; }
.calar button {
  flex: none; border: 1px solid transparent; background: none; cursor: pointer;
  color: var(--murekkep-2); border-radius: 50%;
  display: grid; place-items: center; transition: all .18s var(--yay);
}
.calar-oynat {
  width: 46px; height: 46px; background: var(--lacivert) !important; color: #fff !important;
  box-shadow: var(--golge-1);
}
.calar-oynat:hover { background: var(--lacivert-2) !important; }
.calar-oynat:active { transform: scale(.94); }
.calar-oynat .i-dur { display: none; }
.calar.oynuyor .calar-oynat .i-cal { display: none; }
.calar.oynuyor .calar-oynat .i-dur { display: block; }
@media (prefers-color-scheme: dark) { .calar-oynat { color: #0f1319 !important; } }

.calar-atla { width: 34px; height: 34px; }
.calar-atla:hover { color: var(--altin); background: var(--altin-sis); }

.calar-serit {
  position: relative; flex: 1; min-width: 0; height: 40px; cursor: pointer;
  display: flex; align-items: center; gap: 2px; outline-offset: 4px;
}
.calar-serit i {
  flex: 1; min-width: 1px; border-radius: 1px;
  background: var(--cizgi-2); opacity: .75; transition: opacity .2s var(--yay);
}
.calar-serit:hover i { opacity: 1; }
.calar-dolgu {
  position: absolute; left: 0; top: 0; bottom: 0; width: 0; pointer-events: none;
  background: linear-gradient(to right, color-mix(in srgb, var(--altin-2) 26%, transparent), var(--altin-sis));
  border-right: 2px solid var(--altin-2); border-radius: 2px;
  transition: width .18s linear;
}

.calar-zaman {
  flex: none; font-family: var(--tek); font-size: .6875rem; line-height: 1.35;
  color: var(--soluk); font-variant-numeric: tabular-nums; text-align: right;
  padding: 0 .2rem;
}
.calar-zaman b { display: block; font-weight: 500; color: var(--murekkep); font-size: .8125rem; }

.calar-hiz {
  width: auto !important; min-width: 42px; height: 34px; border-radius: 100px !important;
  border-color: var(--cizgi-2) !important;
  font-family: var(--tek); font-size: .75rem; color: var(--murekkep-2);
}
.calar-hiz:hover { border-color: var(--altin-2) !important; color: var(--altin); }
.calar-indir { width: 34px; height: 34px; border: 0; border-radius: 50%; color: var(--soluk); display: grid; place-items: center; }
.calar-indir:hover { color: var(--altin); background: var(--altin-sis); }

@media (max-width: 40rem) {
  .calar { flex-wrap: wrap; gap: .5rem; }
  .calar-serit { order: 10; flex-basis: 100%; height: 34px; }
  .calar-zaman { margin-left: auto; }
}

.desifre { margin: 0; }
.desifre .p {
  display: grid; grid-template-columns: 5.5rem 1fr; gap: 1.5rem;
  padding: .7rem 1rem .7rem .5rem; border-radius: 3px;
  scroll-margin-top: 8rem;
  transition: background .2s var(--yay);
}
.desifre .p:hover { background: var(--kagit-3); }
.desifre .p.aktif { background: var(--altin-sis); box-shadow: inset 2px 0 0 var(--altin-2); }
.desifre .damga {
  font-family: var(--tek); font-size: .8125rem; font-variant-numeric: tabular-nums;
  color: var(--soluk); background: none; border: 0; cursor: pointer;
  text-align: left; padding: .3rem .35rem; margin: -.3rem -.35rem; min-height: 44px;
  border-radius: 2px; transition: color .2s var(--yay), background .2s var(--yay);
  display: flex; align-items: flex-start; gap: .35rem;
}
.desifre .damga:hover { color: var(--altin); background: var(--altin-sis); }
.desifre .damga svg { opacity: 0; transition: opacity .2s var(--yay); flex: none; margin-top: .15rem; }
.desifre .p:hover .damga svg, .desifre .p.aktif .damga svg { opacity: 1; }
.desifre .metin { margin: 0; }
@media (max-width: 34rem) {
  .desifre .p { grid-template-columns: 1fr; gap: .2rem; padding: .7rem .5rem; }
}

/* ─────────────────────────── mülâkat ─────────────────────────── */

.mulakat { margin: 0; }
.mulakat-acilisi { margin: 0 0 2.25rem; padding: 1.4rem 1.5rem 1.2rem; border-left: 4px solid var(--altin); background: var(--altin-sis); }
.mulakat-acilisi .kim { display: block; margin-bottom: .75rem; color: var(--altin-2); font: 700 .72rem/1 var(--display); letter-spacing: .02em; }
.mulakat-acilisi p { max-width: 66ch; margin: 0 0 .65rem; font-size: 1rem; line-height: 1.65; }
.mulakat-acilisi p:last-child { margin-bottom: 0; font-weight: 650; }
.mulakat .soru {
  position: relative;
  margin: 2.5rem 0 1.25rem;
  padding: 0 0 0 1.25rem;
  border-left: 2px solid var(--altin-2);
  font-family: var(--display);
  font-size: 1.25rem; font-style: italic; font-weight: 500;
  line-height: 1.45; color: var(--murekkep);
}
.mulakat .soru .kim {
  display: block; margin-bottom: .3rem;
  font-family: var(--kitabe); font-size: .5625rem; font-weight: 600;
  letter-spacing: .2em; text-transform: uppercase; font-style: normal;
  color: var(--soluk);
}
.mulakat .cevap { margin: 0 0 1.15rem; }
.mulakat .soru + .cevap::first-letter {
  font-family: var(--display); font-weight: 600; font-size: 1.35em;
  color: var(--lacivert);
}
.mulakat p:target { background: var(--altin-sis); border-radius: 3px; }

.oturum-gezinti {
  display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between;
  margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px solid var(--cizgi);
}
.oturum-gezinti a {
  font-family: var(--kitabe); font-size: .6875rem; font-weight: 500;
  letter-spacing: .1em; text-transform: uppercase; border: 0;
  max-width: 45%;
}
.oturum-gezinti a:last-child { text-align: right; margin-left: auto; }

/* ─────────────────────────── arama sonuçları ─────────────────────────── */

.sonuc {
  padding: 1.35rem 1.35rem 1.2rem; margin-bottom: .75rem;
  border: 1px solid var(--cizgi); border-left: 2px solid var(--cizgi-2);
  border-radius: 3px; background: var(--kagit-2); box-shadow: var(--golge-1);
  transition: border-left-color .25s var(--yay), box-shadow .25s var(--yay);
}
.sonuc:hover { border-left-color: var(--altin-2); box-shadow: var(--golge-2); }
.sonuc .kunye {
  display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .85rem; margin-bottom: .5rem;
}
.sonuc .kunye .zaman {
  font-family: var(--tek); font-size: .8125rem; color: var(--altin);
  background: var(--altin-sis); border-radius: 2px; padding: .1rem .4rem;
  font-variant-numeric: tabular-nums;
}
.sonuc .kunye .nerede {
  font-family: var(--kitabe); font-size: .625rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--soluk);
}
.sonuc p { margin: 0; font-size: 1.0625rem; }
.sonuc b { background: var(--vurgu-fon); font-weight: 600; border-radius: 2px; padding: 0 .12em; }
.sonuc .git {
  display: inline-flex; align-items: center; gap: .35rem; margin-top: .7rem; border: 0;
  font-family: var(--kitabe); font-size: .625rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--lacivert);
}
.sonuc .git:hover { color: var(--altin); }
.sonuc .git svg { transition: transform .2s var(--yay); }
.sonuc .git:hover svg { transform: translateX(3px); }

.durum { font-family: var(--kitabe); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.daha-btn {
  border: 1px solid var(--cizgi-2); background: var(--kagit-2); cursor: pointer;
  border-radius: 2px; padding: .8rem 1.4rem; min-height: 44px; color: var(--murekkep-2);
  font-family: var(--kitabe); font-size: .6875rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  transition: all .2s var(--yay);
}
.daha-btn:hover { border-color: var(--altin-2); color: var(--altin); }

/* ─────────────────────────── künye listesi ─────────────────────────── */

.kunye-liste { list-style: none; margin: 0; padding: 0; }
.kunye-liste li {
  padding: 1.35rem 0 1.35rem 1.5rem; border-top: 1px solid var(--cizgi);
  position: relative; font-size: 1.0625rem;
}
.kunye-liste li::before {
  content: ""; position: absolute; left: 0; top: 1.85rem;
  width: 5px; height: 5px; border-radius: 50%; background: var(--altin-2); opacity: .55;
}
.kunye-liste .yazar { font-weight: 600; }
.kunye-liste .yer { font-style: italic; color: var(--murekkep-2); }
.kunye-liste .aciklama { font-size: .9688rem; color: var(--murekkep-2); margin-top: .5rem; }

.atif { font-size: .9375rem; color: var(--soluk); }
.atif a { color: var(--murekkep-2); }

/* ─────────────────────────── alt ─────────────────────────── */

.alt { background: var(--serit-bg); color: var(--serit-fg-2); margin-top: var(--bosluk); position: relative; }
.alt::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(to right, transparent, var(--altin-parlak) 30%, var(--altin-parlak) 70%, transparent);
  opacity: .4;
}
.alt .ic {
  max-width: 66rem; margin: 0 auto; padding: 2.75rem 1.5rem;
  display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; align-items: baseline;
}
.alt .kim { font-family: var(--display); font-size: 1.125rem; color: var(--serit-fg); }
.alt nav { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-left: auto; }
.alt a {
  color: var(--serit-fg-2); border: 0;
  font-family: var(--kitabe); font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase;
}
.alt a:hover { color: var(--altin-parlak); }

/* ─────────────────────────── hareket ─────────────────────────── */

.acil { opacity: 0; transform: translateY(14px); }
.acil.gorundu { opacity: 1; transform: none; transition: opacity .55s var(--yay), transform .55s var(--yay); }
@media (prefers-reduced-motion: reduce) {
  .acil, .acil.gorundu { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* Akademik çalışmalar: katalog fişi değil, okunabilir araştırma dosyası */
.akademik-giris{padding:clamp(3.5rem,8vw,8rem) 3rem 3.5rem;border-bottom:1px solid #111318;background:#f7f6f2}
.akademik-giris h1{max-width:13ch;margin:.8rem 0 1.6rem;font:700 clamp(3.4rem,7vw,7.2rem)/.88 var(--display);letter-spacing:-.065em}.akademik-giris h1 em{color:#073fd3;font-style:normal}.akademik-spot{max-width:44rem;color:#4c515a;font-size:1.08rem;line-height:1.65}
.akademik-sayilar{display:flex;gap:0;margin-top:3.5rem;border-top:1px solid #92969d}.akademik-sayilar p{min-width:12rem;margin:0;padding:1.1rem 2.5rem 0 0}.akademik-sayilar b,.akademik-sayilar span{display:block}.akademik-sayilar b{font:600 1.8rem/1 var(--display)}.akademik-sayilar span{margin-top:.35rem;color:#666c75;font:.72rem/1.3 var(--display)}
.akademik-bolum{display:grid;grid-template-columns:minmax(17rem,29rem) minmax(0,1fr);gap:clamp(3rem,7vw,8rem);padding:clamp(3rem,7vw,7rem) 3rem;border-bottom:1px solid #111318}.akademik-bolum>header{align-self:start;position:sticky;top:4rem}.akademik-bolum>header h2{max-width:12ch;margin:.8rem 0 1.2rem;font:700 clamp(2.4rem,4.5vw,4.5rem)/.94 var(--display);letter-spacing:-.055em}.akademik-bolum>header>p:last-child{max-width:31rem;color:#5c626b;line-height:1.65}.akademik-guncel{background:#f0f2f6}
.akademik-liste{border-top:1px solid #111318}.akademik-kayit{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.5rem;padding:2rem 0 2.25rem;border-bottom:1px solid #9da1a8}.akademik-no{padding-top:.2rem;color:#073fd3;font:700 .72rem/1 var(--display)}.akademik-ust{display:flex;align-items:center;gap:.65rem;color:#686e77;font:600 .66rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase}.akademik-durum{padding:.32rem .45rem;border:1px solid #8e939b}.akademik-durum.tam{border-color:#073fd3;color:#073fd3}.akademik-kayit h3{max-width:23ch;margin:.9rem 0 .7rem;font:650 clamp(1.65rem,3vw,2.55rem)/1.05 var(--display);letter-spacing:-.035em}.akademik-yazar{margin:0;color:#111318;font:700 .9rem/1.3 var(--display)}.akademik-meta{max-width:43rem;margin:.35rem 0 1.2rem;color:#666c75;font:.76rem/1.55 var(--display)}.akademik-aciklama{max-width:43rem;color:#3f444c;line-height:1.7}.akademik-baglanti{display:inline-flex;align-items:center;gap:.45rem;margin-top:.6rem;padding-bottom:.2rem;border-bottom:1px solid #073fd3;font:700 .75rem/1 var(--display)}
.akademik-program{grid-column:2;margin-top:-4rem;padding:1.4rem 0 0 4.5rem}.akademik-program>p:first-child{color:#646a73;font-size:.78rem}.akademik-program>p:last-child{display:flex;gap:1.5rem;flex-wrap:wrap}.akademik-program a{display:inline-flex;align-items:center;gap:.35rem;font:700 .74rem/1 var(--display)}.akademik-not{max-width:70rem;margin:0 auto;padding:3.5rem 3rem 5rem}.akademik-not>p:not(.ust-baslik){max-width:55rem;color:#4d535c;line-height:1.7}
@media(max-width:60rem){.akademik-bolum{grid-template-columns:1fr}.akademik-bolum>header{position:static}.akademik-program{grid-column:1;margin-top:0;padding-left:0}}
@media(max-width:38rem){.akademik-giris,.akademik-bolum,.akademik-not{padding-left:1.25rem;padding-right:1.25rem}.akademik-sayilar{display:grid;grid-template-columns:1fr 1fr}.akademik-sayilar p{min-width:0}.akademik-sayilar p:last-child{grid-column:1/-1}.akademik-kayit{grid-template-columns:2rem 1fr;gap:.75rem}.akademik-ust{align-items:flex-start;flex-direction:column}}

:focus-visible { outline: 2px solid var(--altin-2); outline-offset: 3px; border-radius: 2px; }

@media print {
  .tepe, .oynatici, .dalga, .alt, body::before { display: none !important; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .satir { grid-template-columns: 1fr; }
  .perde { background: none; color: #000; }
}

/* ─────────────────────────── Meşk Mecmuası 2026 ─────────────────────────── */

:root {
  --kagit: #f8f9fb;
  --kagit-2: #ffffff;
  --kagit-3: #eef1f6;
  --murekkep: #101114;
  --murekkep-2: #353942;
  --soluk: #656b77;
  --cizgi: #d7dbe3;
  --cizgi-2: #aeb5c2;
  --lacivert: #1247d6;
  --lacivert-2: #0d3dbf;
  --altin: #1247d6;
  --altin-2: #1247d6;
  --altin-parlak: #2f61e8;
  --altin-sis: rgb(18 71 214 / .1);
  --serit-bg: #101114;
  --serit-fg: #f4f5f7;
  --serit-fg-2: #b6bbc5;
  --vurgu-fon: #dfe7ff;
  --display: "Avenir Next", Avenir, "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  --govde: "Iowan Old Style", Baskerville, Charter, Georgia, "Times New Roman", serif;
  --kitabe: "Avenir Next", Avenir, "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;
  --tek: ui-monospace, "SF Mono", Menlo, monospace;
  --olcu: 42rem;
  --kenar: 8rem;
  --bosluk: clamp(3rem, 6vw, 6rem);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root { color-scheme: light; }
}

body { font-family: var(--govde); background: var(--kagit); }
body::before { display: none; }
h1, h2, h3, h4 { font-family: var(--display); letter-spacing: -.035em; }
a { color: var(--lacivert); border-bottom-color: currentColor; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.tepe { position: sticky; background: color-mix(in srgb, var(--kagit-2) 94%, transparent); border-color: var(--murekkep); }
.tepe .ic { max-width: 96rem; min-height: 48px; padding: .65rem 3rem; flex-wrap: nowrap; }
.marka .yil { display: none; }
.marka-imza { min-width: 14.5rem; align-items: center; justify-content: flex-start; gap: .72rem; line-height: 1; white-space: nowrap; }
.marka-imza .nisan { display: block; width: 2.35rem; height: 2.35rem; color: #101114; overflow: visible; }
.marka-imza .ad { font-family: "Iowan Old Style", Baskerville, Charter, Georgia, "Times New Roman", serif; font-size: 1.85rem; font-weight: 500; font-style: normal; line-height: .9; letter-spacing: -.055em; text-transform: none; color: #111318; }
.tepe nav { flex-wrap: nowrap; gap: clamp(.75rem, 1.7vw, 1.8rem); }
.tepe nav a { font-family: var(--display); font-size: .75rem; letter-spacing: -.01em; text-transform: none; white-space: nowrap; }
.tepe nav a[href="/"] { display: none; }
.tepe nav a::after { background: var(--lacivert); }
.tepe .uye-baglantisi { border: 1px solid var(--murekkep); padding: .35rem .65rem; }

.mecmua-sayfa { max-width: none; padding: 0; }
.mecmua-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(28rem, .85fr); min-height: min(640px, calc(100dvh - 49px)); border-bottom: 1px solid var(--murekkep); background: var(--kagit-2); overflow: hidden; }
.mecmua-hero-yazi { display: flex; flex-direction: column; justify-content: center; padding: clamp(2.5rem, 5vw, 5rem); min-width: 0; }
.mecmua-hero h1 { margin: 0; max-width: 100%; font-size: clamp(4rem, 7.2vw, 7.5rem); line-height: .86; font-weight: 800; letter-spacing: -.075em; overflow-wrap: normal; }
.mecmua-tam-ad { margin: 1.2rem 0 2.2rem; font-size: clamp(1.35rem, 2.4vw, 2.6rem); line-height: 1.05; }
.mecmua-oz { border-left: 4px solid var(--lacivert); padding-left: 1.25rem; font-size: 1.2rem; }
.mecmua-oz p { margin: 0; }.mecmua-oz strong { display: block; font-family: var(--display); font-size: 1.3rem; }
.mecmua-hero blockquote { max-width: 24rem; margin: 2rem 0 0 44%; padding: 0; border: 0; font-size: 1.05rem; line-height: 1.5; }
.mecmua-hero blockquote::before { color: var(--lacivert); left: -2rem; top: -.3rem; }
.mecmua-hero-gorsel { margin: 0; min-height: 32rem; overflow: hidden; background: #d7d9de; }
.mecmua-hero-gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 53% center; filter: grayscale(1) contrast(1.05); transform: scale(1.03); }

.mecmua-ana { max-width: 96rem; margin: 0 auto; border-left: 1px solid var(--cizgi-2); border-right: 1px solid var(--cizgi-2); }
.mecmua-ana section { margin: 0; }
.mecmua-ilk { display: grid; grid-template-columns: 1fr 1.05fr; border-bottom: 1px solid var(--murekkep); }
.mecmua-hayat { display: grid; grid-template-columns: minmax(12rem, .72fr) 1fr; gap: 1.8rem; padding: 1rem 2rem 1rem 1rem; border-right: 1px solid var(--murekkep); }
.mecmua-portre { min-height: 20rem; overflow: hidden; background: var(--kagit-3); }
.mecmua-portre img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; filter: grayscale(1); transform: scale(1.55); }
.mecmua-hayat > div:last-child { align-self: center; }
.bolum-bagi { display: inline-block; border: 0; font-family: var(--display); font-weight: 700; font-size: .78rem; color: var(--lacivert); }
.mecmua-ana h2 { margin: .4rem 0 1rem; font-size: clamp(1.8rem, 3vw, 3rem); }
.mecmua-ana p { font-size: 1rem; line-height: 1.55; }
.mecmua-kayitlar { padding: 1.3rem 2rem; }
.mecmua-kayitlar .dizelge { margin: 1.2rem 0; }
.mecmua-kayitlar .dizelge li a { grid-template-columns: 2rem minmax(0,1fr) auto; padding: 1rem 0; }
.mecmua-kayitlar .dizelge .no { color: var(--lacivert); }
.mecmua-kayitlar .kilitli .sag { color: var(--lacivert); }

.mecmua-orta { display: grid; grid-template-columns: .85fr .85fr 1.3fr; border-bottom: 1px solid var(--murekkep); }
.mecmua-orta > div { padding: 2rem; min-height: 18rem; border-right: 1px solid var(--murekkep); }
.mecmua-orta > div:last-child { border-right: 0; }
.mecmua-ara { background: var(--lacivert); color: #f7f8fc; }
.mecmua-ara h2 { color: #f7f8fc; }
.mecmua-ara p { color: #dfe7ff; }
.mecmua-ara .arama-kutu { border-color: rgb(255 255 255 / .65); background: transparent; box-shadow: none; }
.mecmua-ara .arama-kutu input { color: #fff; }.mecmua-ara .arama-kutu input::placeholder { color: #dfe7ff; }
.mecmua-ara .arama-kutu button { background: #fff; color: #123ca9; }
.mecmua-uyelik { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.4rem 3rem; }
.mecmua-uyelik h2 { margin: 0; }.mecmua-uyelik p { margin: .4rem 0 0; }
.ana-dugme, .uyelik-form button { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: .7rem 1.2rem; background: var(--lacivert); color: #fff; border: 1px solid var(--lacivert); font-family: var(--display); font-weight: 700; text-decoration: none; white-space: nowrap; }
.ana-dugme:hover, .uyelik-form button:hover { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }

.uyelik-kabuk { display:grid; grid-template-columns:minmax(21rem,.72fr) minmax(0,1.28fr); width:100%; max-width:96rem; min-height:calc(100dvh - 49px); margin:0 auto; border-inline:1px solid var(--murekkep); background:#f8f8f6; }
.uyelik-giris { position:relative; min-height:100%; padding:clamp(2rem,4vw,4.5rem); overflow:hidden; color:#fff; background:#141519; isolation:isolate; }
.uyelik-giris::before { content:""; position:absolute; inset:0; z-index:-2; background:url('/gorsel/arsiv-06.webp') center 18%/cover no-repeat; filter:grayscale(1) contrast(1.08); }
.uyelik-giris::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(10,11,14,.04) 20%,rgba(10,11,14,.25) 48%,rgba(10,11,14,.96) 100%); }
.uyelik-giris-metin { position:absolute; inset:auto clamp(2rem,4vw,4.5rem) clamp(2.5rem,5vw,5rem); max-width:27rem; }
.uyelik-giris .ust-baslik { color:#fff; letter-spacing:.08em; }.uyelik-giris .ust-baslik::before { background:#fff; }
.uyelik-giris h1 { max-width:9ch; margin:.8rem 0 1rem; color:#fff; font:700 clamp(2.6rem,4.5vw,4.8rem)/.94 var(--display); letter-spacing:-.06em; }
.uyelik-giris p:last-child { max-width:31rem; margin:0; color:rgba(255,255,255,.8); font-size:1rem; line-height:1.45; }
.uyelik-formlar { display:flex; align-items:center; padding:clamp(2.5rem,5vw,5.5rem); background:linear-gradient(135deg,#fbfbf9 0,#f4f3ef 100%); }
.uyelik-form-grid { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:clamp(2.5rem,5vw,5rem); }
.uyelik-form { position:relative; display:grid; gap:.6rem; align-content:start; padding-top:1.25rem; border-top:1px solid #111318; }
.uyelik-form::before { content:""; position:absolute; top:-1px; left:0; width:3rem; height:3px; background:#073fd3; }
.uyelik-form-no { margin:0 0 1.1rem; color:#073fd3; font:700 .68rem/1 var(--display); letter-spacing:.055em; text-transform:uppercase; }
.uyelik-form h2 { margin:0 0 1.25rem; font-size:clamp(2rem,3vw,3rem); line-height:1; }
.uyelik-form label { margin-top:.25rem; color:#26292f; font-family:var(--display); font-size:.74rem; font-weight:700; }
.uyelik-form input { width:100%; min-height:50px; border:1px solid #9b9b98; border-radius:0; background:rgba(255,255,255,.72); color:var(--murekkep); padding:.75rem .85rem; font:1rem/1.2 var(--display); transition:border-color .18s,box-shadow .18s,background .18s; }
.uyelik-form input:hover { border-color:#555; background:#fff; }.uyelik-form input:focus { outline:0; border-color:#073fd3; background:#fff; box-shadow:0 0 0 3px rgba(7,63,211,.12); }
.uyelik-form .form-yardim { margin:.05rem 0 .25rem; color:#6f7176; font-size:.78rem; }
.uyelik-form button { min-height:50px; margin-top:1rem; border-color:#111318; background:#111318; cursor:pointer; transition:background .18s,border-color .18s,transform .18s; }
.uyelik-form button:hover { border-color:#073fd3; background:#073fd3; }.uyelik-form button:active { transform:translateY(1px); }
.form-yardim { margin: 0; color: var(--soluk); font-size: .85rem; }.form-hata { padding: 1rem; border-left: 4px solid #b42318; background: #fee4e2; color: #7a271a; }
.hesap-kabuk, .yonetim-kabuk, .galeri-kabuk { max-width: 88rem; margin: 0 auto; padding: clamp(2.5rem, 6vw, 6rem) 1.5rem; }
.hesap-kabuk { padding-top: clamp(2rem, 4vw, 4rem); padding-bottom: clamp(3rem, 6vw, 6rem); }
.hesap-ust { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr); min-height: 390px; border: 1px solid var(--murekkep); }
.hesap-karsilama { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 5vw, 5rem); }
.hesap-karsilama h1 { max-width: 13ch; margin: .8rem 0 1.4rem; font: 700 clamp(3.25rem, 6vw, 6.2rem)/.9 var(--display); letter-spacing: -.065em; }
.hesap-durum { display: flex; align-items: center; gap: .65rem; margin: 0 0 1rem; font: 650 .86rem/1.3 var(--display); }
.hesap-durum span { width: .55rem; height: .55rem; border-radius: 50%; background: var(--lacivert); box-shadow: 0 0 0 4px rgb(7 63 211 / .1); }
.hesap-aciklama { max-width: 55ch; margin: 0; color: var(--murekkep-2); font-size: 1rem; line-height: 1.6; }
.hesap-portre { position: relative; min-height: 390px; margin: 0; overflow: hidden; border-left: 1px solid var(--murekkep); background: var(--kagit-3); }
.hesap-portre img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 14%; filter: grayscale(1) contrast(1.04); }
.hesap-portre figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: .75rem 1rem; color: #fff; background: linear-gradient(transparent, rgb(0 0 0 / .72)); font: 600 .66rem/1.2 var(--display); }
.hesap-arsiv { border-right: 1px solid var(--murekkep); border-left: 1px solid var(--murekkep); }
.hesap-arsiv > a { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 2rem; gap: 1rem; align-items: center; min-height: 104px; padding: 1.4rem clamp(1.25rem, 3vw, 2.5rem); border: 0; border-bottom: 1px solid var(--murekkep); color: var(--murekkep); transition: color .2s ease, background .2s ease; }
.hesap-arsiv > a:hover { color: #fff; background: var(--lacivert); }
.hesap-no { color: var(--lacivert); font: 700 .7rem/1 var(--display); }
.hesap-arsiv > a:hover .hesap-no { color: #fff; }
.hesap-arsiv strong, .hesap-arsiv small { display: block; }
.hesap-arsiv strong { margin-bottom: .35rem; font: 700 clamp(1.3rem, 2vw, 1.75rem)/1 var(--display); letter-spacing: -.025em; }
.hesap-arsiv small { color: var(--soluk); font-size: .82rem; }
.hesap-arsiv > a:hover small { color: rgb(255 255 255 / .78); }
.hesap-ok { justify-self: end; font: 400 1.5rem/1 var(--display); transition: transform .2s ease; }
.hesap-arsiv > a:hover .hesap-ok { transform: translateX(.3rem); }
.hesap-bandi { display: grid; grid-template-columns: 1fr 1fr auto auto; gap: 2rem; align-items: center; min-height: 92px; padding: 1.3rem clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--murekkep); border-top: 0; }
.hesap-bandi div small, .hesap-bandi div strong { display: block; }
.hesap-bandi div small { margin-bottom: .35rem; color: var(--soluk); font: 600 .65rem/1 var(--display); }
.hesap-bandi div strong { font: 650 .82rem/1.25 var(--display); }
.hesap-bandi > a { font: 650 .78rem/1 var(--display); white-space: nowrap; }
.cikis-form { margin: 0; }.cikis-form button { border: 0; background: none; color: var(--lacivert); cursor: pointer; padding: .6rem 0; font: 650 .78rem/1 var(--display); white-space: nowrap; }
.cikis-form button:active { transform: translateY(1px); }
.hesap-parola { display:grid; grid-template-columns:minmax(16rem,1.2fr) repeat(3,minmax(10rem,1fr)) auto; gap:1rem; align-items:end; margin-top:3rem; padding:2rem; border:1px solid var(--cizgi-2); background:var(--kagit-2); }.hesap-parola h2 { margin:.25rem 0 .4rem; }.hesap-parola p { margin:.25rem 0; }.hesap-parola label { display:grid; gap:.4rem; font:700 .72rem/1 var(--display); }.hesap-parola input { min-height:44px; padding:.65rem; border:1px solid var(--cizgi-2); background:white; }.hesap-parola button { min-height:44px; padding:.7rem 1rem; border:1px solid #111318; background:#111318; color:#fff; font:700 .76rem/1 var(--display); }
@media (max-width: 48rem) {
  .hesap-ust { grid-template-columns: 1fr; }
  .hesap-karsilama { padding: 2rem 1.25rem 2.5rem; }
  .hesap-karsilama h1 { font-size: clamp(3rem, 14vw, 4.5rem); }
  .hesap-portre { min-height: 320px; border-top: 1px solid var(--murekkep); border-left: 0; }
  .hesap-arsiv > a { grid-template-columns: 2rem minmax(0, 1fr) 1.5rem; }
  .hesap-bandi { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
  .hesap-parola { grid-template-columns:1fr; padding:1.25rem; }
}

.erisim-listesi { border-top: 1px solid var(--murekkep); }
.erisim-satiri { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 1rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--cizgi); }
.erisim-satiri span { display: flex; flex-direction: column; }.erisim-satiri small { color: var(--soluk); }
.erisim-satiri label, .erisim-fotograf label { font-family: var(--display); font-size: .8rem; }
.erisim-satiri button, .erisim-fotograf button { border: 1px solid var(--murekkep); background: transparent; color: var(--murekkep); padding: .5rem .7rem; cursor: pointer; }
.erisim-fotograflar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.erisim-fotograf { display: grid; gap: .6rem; align-content: start; padding-bottom: 1rem; }.erisim-fotograf img { width: 100%; aspect-ratio: 4/3; object-fit: cover; filter: grayscale(1); }
.form-bilgi { padding: .9rem 1rem; border-left: 3px solid var(--lacivert); background: #edf2ff; color: #12317e; font-family: var(--display); }
.dogrulama-sonuc { max-width: 46rem; min-height: 70vh; margin: 0 auto; padding: clamp(5rem,12vw,10rem) 1.5rem; }.dogrulama-sonuc h1 { font-size: clamp(2.8rem,7vw,5.5rem); }
.yonetim-sekmeler { display: flex; gap: .25rem; margin: 2.5rem 0; padding-bottom: .75rem; border-bottom: 1px solid var(--murekkep); overflow-x: auto; }
.yonetim-sekmeler a { display: flex; align-items: center; gap: .45rem; min-height: 42px; padding: .65rem 1rem; border: 0; color: var(--murekkep); font: 650 .82rem/1 var(--display); text-decoration: none; white-space: nowrap; }
.yonetim-sekmeler a[aria-current] { background: var(--lacivert); color: white; }.yonetim-sekmeler b { display: inline-grid; place-items:center; min-width: 1.35rem; height: 1.35rem; border-radius: 50%; background: rgb(255 255 255 / .18); font-size: .65rem; }
.yonetim-ozet { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:2rem 0 4rem; background:var(--cizgi); border:1px solid var(--cizgi); }.yonetim-ozet article { padding:1.5rem; background:var(--kagit-2); }.yonetim-ozet small,.yonetim-ozet strong { display:block; }.yonetim-ozet small { font:600 .72rem/1.3 var(--display); color:var(--soluk); }.yonetim-ozet strong { margin-top:1rem; font:700 2.8rem/1 var(--display); }
.yonetim-log { border-top:1px solid var(--murekkep); }.yonetim-log p { display:grid; grid-template-columns:10rem 12rem 1fr; gap:1rem; margin:0; padding:.8rem 0; border-bottom:1px solid var(--cizgi); font-size:.82rem; }.yonetim-log time { color:var(--soluk); font-family:var(--tek); }
.uye-yonetim-listesi { display:grid; gap:1rem; }.uye-yonetim-karti { padding:1.25rem; border:1px solid var(--cizgi-2); background:var(--kagit-2); }.uye-yonetim-karti header,.uye-yonetim-karti footer { display:flex; justify-content:space-between; gap:1rem; align-items:center; }.uye-yonetim-karti header div { display:grid; }.uye-yonetim-karti header strong { font:700 1.15rem/1.2 var(--display); }.uye-yonetim-karti header a { border:0; font-size:.8rem; }.durum-etiketi { padding:.35rem .55rem; border:1px solid var(--cizgi-2); font:650 .67rem/1 var(--display); }.durum-aktif { color:#116331;border-color:#72b98b;background:#edf8f0 }.durum-onay_bekliyor,.durum-eposta_bekliyor { color:#855b00;border-color:#d7b250;background:#fff8df }.durum-askida { color:#8a2020;border-color:#d78b8b;background:#fff0f0 }
.uye-alanlar { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:1rem; align-items:end; margin:1.25rem 0; }.uye-yonetim-karti label,.yonetim-form label { display:grid; gap:.35rem; color:var(--murekkep-2); font:650 .72rem/1.2 var(--display); }.uye-yonetim-karti input,.uye-yonetim-karti select,.uye-yonetim-karti textarea,.yonetim-form input,.yonetim-form select,.yonetim-form textarea { width:100%; min-height:42px; padding:.55rem .65rem; border:1px solid var(--cizgi-2); background:white; color:var(--murekkep); font:400 .86rem/1.4 var(--display); }.onay-kutu { display:flex!important; flex-direction:row; align-items:center; gap:.55rem!important; min-height:42px; }.onay-kutu input { width:auto!important; min-height:0!important; }.uye-yonetim-karti button,.yonetim-form button { padding:.65rem 1rem; border:1px solid var(--lacivert); background:var(--lacivert); color:white; font:700 .78rem/1 var(--display); cursor:pointer; }
.tip-izgara { display:grid; grid-template-columns:minmax(14rem,.55fr) 1fr; gap:2rem; }.tip-karti { display:grid; gap:.3rem; padding:1rem; border:1px solid var(--cizgi); border-bottom:0; text-decoration:none; }.tip-karti:last-child { border-bottom:1px solid var(--cizgi); }.tip-karti strong { font-family:var(--display); }.tip-karti span { color:var(--soluk); font-size:.76rem; }.tip-karti.yeni { color:var(--lacivert); }.yonetim-form { display:grid; gap:1rem; align-content:start; max-width:44rem; padding:1.5rem; border:1px solid var(--cizgi-2); background:var(--kagit-2); }.yonetim-form h2 { margin:.5rem 0; }.ayar-form { max-width:52rem; }
.galeri-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-top: 2rem; }
.galeri-kare { border: 0; overflow: hidden; background: var(--kagit-3); }.galeri-kare img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; filter: grayscale(1); transition: transform .35s var(--yay), filter .35s var(--yay); }
.galeri-kare:hover img { transform: scale(1.025); filter: grayscale(0); }.galeri-uye { margin-top: 2rem; }.bos-durum { padding: 2rem 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }

.alt { margin-top: 0; background: var(--murekkep); }.alt::before { background: var(--lacivert); opacity: 1; }.alt .ic { max-width: 96rem; }
:focus-visible { outline-color: var(--lacivert); border-radius: 0; }

@media (max-width: 76rem) {
  .tepe .ic { padding-inline: 1.25rem; }.tepe nav { overflow-x: auto; }
  .mecmua-hero { grid-template-columns: 1fr 38%; }.mecmua-hero h1 { font-size: clamp(4rem, 9vw, 7rem); }
  .mecmua-hayat { grid-template-columns: 1fr; }.mecmua-portre { min-height: 16rem; }
  .mecmua-orta { grid-template-columns: 1fr 1fr; }.mecmua-ara { grid-column: 1 / -1; }.mecmua-orta > div:nth-child(2) { border-right: 0; }
  .erisim-fotograflar, .galeri-izgara { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 48rem) {
  .tepe .ic { flex-wrap: wrap; }.tepe { position: static; }.tepe nav { width: 100%; padding-bottom: .25rem; }
  .mecmua-hero { grid-template-columns: 1fr; min-height: auto; }.mecmua-hero-yazi { padding: 2.5rem 1.25rem; }.mecmua-hero h1 { font-size: clamp(3.6rem, 18vw, 6rem); white-space: normal; }.mecmua-hero blockquote { margin-left: 2rem; }.mecmua-hero-gorsel { min-height: 24rem; }
  .mecmua-ilk, .mecmua-orta, .uyelik-kabuk, .uyelik-form-grid { grid-template-columns: 1fr; }
  .mecmua-hayat, .mecmua-kayitlar, .mecmua-orta > div { border-right: 0; border-bottom: 1px solid var(--murekkep); padding: 1.5rem 1.25rem; }
  .mecmua-uyelik { align-items: flex-start; flex-direction: column; padding: 2rem 1.25rem; }
  .uyelik-giris, .uyelik-formlar { padding: 2.5rem 1.25rem; }.uyelik-form-grid { gap: 3.5rem; }
  .uyelik-kabuk { border-inline:0; }.uyelik-giris { min-height:29rem; }.uyelik-giris-metin { inset:auto 1.25rem 2.5rem; }.uyelik-giris h1 { font-size:3rem; }.uyelik-formlar { align-items:flex-start; }
  .erisim-satiri { grid-template-columns: 1fr; }.erisim-fotograflar, .galeri-izgara { grid-template-columns: repeat(2, 1fr); }
  .yonetim-ozet { grid-template-columns:1fr 1fr; }.yonetim-log p { grid-template-columns:1fr; gap:.25rem; }.uye-alanlar,.tip-izgara { grid-template-columns:1fr; }.uye-yonetim-karti footer { align-items:flex-start; flex-direction:column; }
}

/* Ana sayfa: onaylanan editoryal referansın bire bir kompozisyonu */
body:has(.mecmua-sayfa) { background: #f8f8f7; color: #111318; }
body:has(.mecmua-sayfa) .tepe { position: relative; z-index: 2; height: 48px; background: #fafafa; border-bottom: 1px solid #1d1d1d; }
body:has(.mecmua-sayfa) .tepe .ic { width: 100%; max-width: 96rem; min-height: 47px; padding: 0 3rem; }
body:has(.mecmua-sayfa) .marka-imza .ad { color: #0e1014; font-size: 1.85rem; font-weight: 500; }
body:has(.mecmua-sayfa) .marka, body:has(.mecmua-sayfa) .marka .ad { white-space: nowrap; }
body:has(.mecmua-sayfa) .tepe nav { width: 100%; margin-left: 3rem; gap: 2.35rem; align-items: center; }
body:has(.mecmua-sayfa) .tepe nav > a { color: #111318; font-size: .82rem; font-weight: 500; }
body:has(.mecmua-sayfa) .tepe nav > a::after { display: none; }
.mecmua-nav-arac { display: flex; align-items: center; gap: 1.8rem; margin-left: auto; font-family: var(--display); font-size: .75rem; }
.mecmua-nav-arac > a { color: #111318; border: 0; display: flex; align-items: center; }
.mecmua-nav-arac .uye-baglantisi { padding: .28rem .62rem; border: 1px solid #111318; }
body:has(.mecmua-sayfa) > .alt { display: none; }

.mecmua-sayfa { margin: 0; background: #f8f8f7; }
.mecmua-hero { height: 330px; min-height: 330px; margin: 0; grid-template-columns: minmax(0, 61%) minmax(0, 39%); background: #f8f8f7; }
.mecmua-hero-yazi { justify-content: flex-start; padding: 2.15rem 0 1.35rem max(3rem, calc((100vw - 96rem) / 2 + 3rem)); }
.mecmua-hero h1 { font-size: clamp(5rem, 7.35vw, 7rem); line-height: .87; font-weight: 700; letter-spacing: -.068em; white-space: nowrap; }
.mecmua-tam-ad { margin: .55rem 0 1.6rem; font-size: clamp(1.8rem, 2.55vw, 2.5rem); line-height: 1; }
.mecmua-hero-alt { display: grid; grid-template-columns: 22rem 1fr; align-items: start; }
.mecmua-oz { border-left: 4px solid #0a45d8; padding: .85rem 0 .35rem 1.35rem; font-size: 1.45rem; line-height: 1.2; }
.mecmua-oz strong { margin-top: .55rem; font-size: 1.5rem; }
.mecmua-hero blockquote { position: relative; max-width: 16rem; margin: .6rem 0 0 1.35rem; color: #24272d; font-size: 1rem; line-height: 1.35; }
.mecmua-hero blockquote::before { content: "“"; position: absolute; left: -1.8rem; top: -.25rem; font: 700 2.5rem/1 Georgia, serif; color: #0a45d8; }
.mecmua-hero blockquote cite { display: block; margin-top: .55rem; color: #0a45d8; font: 700 .62rem/1 var(--display); text-transform: uppercase; letter-spacing: .08em; }
.mecmua-hero-gorsel { min-height: 330px; height: 330px; }
.mecmua-hero-gorsel img { object-position: 48% 38%; filter: grayscale(1) contrast(1.08); transform: scale(1.02); }

.mecmua-ana { width: min(100%, 96rem); max-width: 96rem; border-color: #a9a9a9; overflow: clip; }
.mecmua-ana > section,
.mecmua-ana > section > *,
.mecmua-ilk > *,
.mecmua-orta > * { min-width: 0; }
.mecmua-ilk { height: auto; min-height: 300px; grid-template-columns: 48% 52%; }
.mecmua-hayat { min-height: 300px; grid-template-columns: 275px 1fr; gap: 1.75rem; padding: .8rem 1.8rem .8rem 3rem; border-color: #777; }
.mecmua-portre { min-height: 256px; height: 256px; }
.mecmua-portre img { object-position: 50% 24%; transform: none; filter: grayscale(1) contrast(1.05); }
.mecmua-hayat-metin { align-self: start; padding-top: .55rem; }
.bolum-bagi { position: relative; font-size: .72rem; font-weight: 700; letter-spacing: .015em; }
.bolum-bagi::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.18rem; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .22s ease; }
.bolum-bagi:hover::after { transform: scaleX(1); transform-origin: left; }
.mecmua-ana h2 { margin: .25rem 0 .75rem; font-size: 1.8rem; line-height: 1; }
.mecmua-ana p { margin: 0 0 .75rem; font-size: .82rem; line-height: 1.42; }
.mecmua-metin-link { display: inline-flex; gap: .55rem; align-items: center; padding-bottom: .16rem; border: 0; border-bottom: 1px solid transparent; font: 600 .7rem/1 var(--display); letter-spacing: .01em; transition: border-color .2s ease, gap .2s ease; }
.mecmua-metin-link:hover { gap: .8rem; border-bottom-color: currentColor; }
.mecmua-kayitlar { position: relative; min-height: 300px; padding: 1.15rem 3rem 2.25rem 1.6rem; }
.mecmua-kayitlar h2 { font-size: 1.8rem; }
.mecmua-ses { display: grid; grid-template-columns: 98px 34px 1fr minmax(8rem, 1.9fr) 3rem; gap: .65rem; align-items: center; height: 91px; border-bottom: 1px solid #c9c9c9; }
.mecmua-ses img { width: 98px; height: 86px; object-fit: cover; filter: grayscale(1); }
.mecmua-cal { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: #0a45d8; color: #fff; }
.mecmua-ses-bilgi h3 { margin: 0 0 .2rem; font-size: .78rem; letter-spacing: -.01em; }
.mecmua-ses-bilgi p { margin: 0; font: .66rem/1.2 var(--display); color: #555; }
.mecmua-mini-dalga { display: flex; align-items: center; gap: 1px; height: 25px; overflow: hidden; color: #4c4c4c; }
.mecmua-mini-dalga i { flex: 1 1 1px; max-width: 1px; min-height: 2px; background: currentColor; }
.mecmua-ses time { font: 700 .66rem/1 var(--display); text-align: right; }
.mecmua-tumu { position: absolute; right: 3rem; bottom: .6rem; }

.mecmua-orta { height: auto; grid-template-columns: 19% 13.5% 30.5% 37%; }
.mecmua-orta > div { min-height: 218px; padding: 1rem 1.65rem; border-color: #a9a9a9; }
.mecmua-yol { padding-left: 3rem !important; }
.mecmua-yol h2, .mecmua-yer h2 { font-size: 1.35rem; }
.mecmua-silsile { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: .55rem !important; border: 0; color: inherit; text-align: center; font-size: .62rem; }
.mecmua-silsile i { width: 1px; height: 12px; background: #777; }
.mecmua-silsile b { color: #0a45d8; font-family: var(--display); font-size: .68rem; }
.mecmua-silsile small { margin-top: .45rem; color: #5b5e65; font: 500 .55rem/1 var(--display); letter-spacing: .04em; }
.mecmua-yer { display: grid; grid-template-columns: minmax(0,1fr) 48%; gap: 1.15rem; align-items: stretch; }
.mecmua-yer img { width: 100%; height: 100%; min-height: 186px; object-fit: cover; object-position: 56% center; filter: grayscale(1) contrast(1.04); }
.mecmua-ara { display:flex; flex-direction:column; justify-content:center; overflow:hidden; padding:1.25rem 2.5rem 1.35rem !important; background:#073fd3; }
.mecmua-ara-ust { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; padding-bottom:.65rem; border-bottom:1px solid rgb(255 255 255 / .35); }
.mecmua-ara-ust span { font:700 .82rem/1 var(--display); }.mecmua-ara-ust small { color:rgb(255 255 255 / .7); font:600 .58rem/1 var(--display); letter-spacing:.04em; text-transform:uppercase; }
.mecmua-ara h2 { margin:.75rem 0 .85rem; max-width:18ch; font-size:clamp(1.55rem,2vw,1.9rem); line-height:1.06; }
.mecmua-ara .arama-kutu { display:grid; grid-template-columns:1fr 2.75rem; width:100%; height:40px; padding:0; border:1px solid rgb(255 255 255 / .85); }
.mecmua-ara .arama-kutu > svg { display: none; }
.mecmua-ara .arama-kutu input { min-width: 0; padding: 0 .65rem; font: .76rem/1 var(--display); }
.mecmua-ara .arama-kutu button { display: grid; place-items: center; padding: 0; border: 0; background: transparent; color: #fff; }
.mecmua-ara p { margin:.55rem 0 0; color:rgb(255 255 255 / .72); font:.62rem/1.25 var(--display); }.mecmua-ara p b { margin-right:.45rem; color:#fff; font-weight:700; }

.mecmua-kareler { display: grid; grid-template-columns: 185px 1fr; min-height: 112px; border-bottom: 1px solid #777; }
.mecmua-kare-bas { padding: 1rem 0 0 3rem; }
.mecmua-kare-bas .bolum-bagi { display: block; margin-bottom: 1rem; }
.mecmua-kare-bas > a:last-child { display: inline-flex; gap: .55rem; padding-bottom: .14rem; border: 0; border-bottom: 1px solid transparent; font: 600 .64rem/1 var(--display); transition: gap .2s ease, border-color .2s ease; }
.mecmua-kare-bas > a:last-child:hover { gap: .8rem; border-bottom-color: currentColor; }
.mecmua-kare-serit { display: grid; grid-template-columns: 1.08fr 1.08fr 1.05fr .92fr .92fr 1.08fr; gap: 5px; padding: .55rem 3rem .55rem 0; overflow: hidden; }
.mecmua-kare-serit a { min-width: 0; height: 94px; border: 0; overflow: hidden; background: #e9e9e7; }
.mecmua-kare-serit img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; filter: grayscale(1); transition: transform .25s ease, filter .25s ease; }
.mecmua-kare-serit a:nth-child(1) img { object-position: 50% 22%; }
.mecmua-kare-serit a:nth-child(2) img { object-position: 50% 14%; }
.mecmua-kare-serit a:nth-child(3) img { object-position: 50% 18%; }
.mecmua-kare-serit a:nth-child(4) img { object-position: 50% 10%; }
.mecmua-kare-serit a:nth-child(5) img { object-position: 50% 8%; }
.mecmua-kare-serit a:nth-child(6) img { object-position: 50% 12%; }
.mecmua-kare-serit a:nth-child(7) img { object-position: 50% 10%; }
.mecmua-kare-serit a:hover img { transform: scale(1.03); filter: grayscale(0); }

.mecmua-altbilgi { display: grid; grid-template-columns: minmax(0, 23%) minmax(0, 16%) minmax(0, 18%) minmax(0, 43%); min-height: 94px; padding: .8rem 3rem; gap: 2rem; overflow: hidden; }
.mecmua-altbilgi p { margin: 0 0 .5rem; font-size: .69rem; line-height: 1.35; }
.mecmua-altbilgi > div:first-child > a:last-child { display: inline-flex; gap: .55rem; border: 0; font: .63rem/1 var(--display); }
.mecmua-altbilgi nav { display: flex; flex-direction: column; gap: .3rem; }
.mecmua-altbilgi nav a { width: fit-content; border: 0; border-bottom: 1px solid transparent; color: #171717; font: 500 .62rem/1.2 var(--display); letter-spacing: .005em; transition: color .18s ease, border-color .18s ease; }
.mecmua-altbilgi nav a:hover { color: #0a45d8; border-bottom-color: currentColor; }
.mecmua-kunye { align-self: center; }
.mecmua-kunye p { overflow-wrap: anywhere; }
.mecmua-kunye small { font-size: .62rem; }

@media (max-width: 76rem) {
  body:has(.mecmua-sayfa) .tepe nav { gap: 1rem; margin-left: 1.5rem; }
  .mecmua-nav-arac { gap: .8rem; }
  .mecmua-hero { grid-template-columns: 61% 39%; }
  .mecmua-hero-yazi { padding-left: 2rem; }
  .mecmua-hero h1 { font-size: 6.7vw; }
  .mecmua-hero-alt { grid-template-columns: 19rem 1fr; }
  .mecmua-hayat { grid-template-columns: 40% 1fr; padding-left: 1.5rem; }
  .mecmua-orta { grid-template-columns: 25% 18% 57%; height: auto; }
  .mecmua-ara { grid-column: 1 / -1; }
}

@media (min-width: 48.01rem) and (max-width: 85rem) {
  .mecmua-ilk { height: auto; }
  .mecmua-hayat { min-height: 300px; grid-template-columns: 44% 1fr; padding-left: 1.5rem; }
  .mecmua-hayat-metin { font-size: .92rem; }
  .mecmua-hayat-metin p { font-size: .75rem; }
  .mecmua-portre { height: 256px; }
  .mecmua-orta { height: auto; }
  .mecmua-orta > div { min-height: 205px; }
  .mecmua-altbilgi { grid-template-columns: 23% 16% 16% minmax(0, 1fr); gap: 1.2rem; }
}

@media (max-width: 48rem) {
  body:has(.mecmua-sayfa) .tepe { height: auto; }
  body:has(.mecmua-sayfa) .tepe .ic { padding: .7rem 1rem; flex-wrap: wrap; }
  body:has(.mecmua-sayfa) .tepe nav { width: 100%; margin: .7rem 0 0; padding: .55rem 0 0; gap: 1.1rem; border-top: 1px solid #aaa; overflow-x: auto; }
  body:has(.mecmua-sayfa) .tepe nav > a:nth-of-type(4), body:has(.mecmua-sayfa) .tepe nav > a:nth-of-type(5) { display: none; }
  .mecmua-nav-arac { margin-left: auto; }
  .mecmua-nav-arac > span { display: none; }
  .mecmua-hero { height: auto; min-height: 0; grid-template-columns: 1fr; }
  .mecmua-hero-yazi { padding: 2rem 1.25rem; }
  .mecmua-hero h1 { font-size: clamp(3.7rem, 18vw, 5.4rem); }
  .mecmua-tam-ad { font-size: 1.55rem; }
  .mecmua-hero-alt { grid-template-columns: 1fr; gap: 1rem; }
  .mecmua-hero blockquote { margin-left: 2rem; }
  .mecmua-hero-gorsel { min-height: 280px; height: 280px; }
  .mecmua-ilk { height: auto; grid-template-columns: 1fr; }
  .mecmua-hayat { grid-template-columns: 1fr; padding: 1rem 1.25rem 1.5rem; }
  .mecmua-portre { height: auto; aspect-ratio: 1.2; }
  .mecmua-kayitlar { padding: 1.5rem 1.25rem 3rem; }
  .mecmua-ses { grid-template-columns: 72px 32px 1fr 2.8rem; }
  .mecmua-ses img { width: 72px; height: 70px; }
  .mecmua-mini-dalga { display: none; }
  .mecmua-tumu { right: 1.25rem; }
  .mecmua-orta { height: auto; grid-template-columns: 1fr; }
  .mecmua-orta > div { min-height: auto; padding: 1.5rem 1.25rem !important; }
  .mecmua-silsile { min-height: 220px !important; }
  .mecmua-yer { grid-template-columns: 1fr 44%; }
  .mecmua-kareler { height: auto; grid-template-columns: 1fr; }
  .mecmua-kare-bas { padding: 1.25rem; }
  .mecmua-kare-serit { grid-template-columns: repeat(6, 10rem); padding: .5rem 1.25rem 1.25rem; overflow-x: auto; scroll-snap-type: x proximity; }
  .mecmua-kare-serit a { height: 96px; scroll-snap-align: start; }
  .mecmua-altbilgi { grid-template-columns: 1fr 1fr; padding: 1.5rem 1.25rem; }
  .mecmua-kunye { grid-column: 1 / -1; }
}

/* Alt sayfalar: ana sayfadaki arşiv/mecmua sisteminin ortak devamı */
.alt-sayfa {
  --kagit:#f8f8f7; --kagit-2:#f8f8f7; --kagit-3:#eeeeec; --murekkep:#111318;
  --murekkep-2:#353940; --soluk:#656a73; --cizgi:#c8c8c5; --cizgi-2:#8f9297;
  --lacivert:#073fd3; --lacivert-2:#002ca6; --altin:#073fd3; --altin-2:#073fd3;
  --altin-parlak:#073fd3; --altin-sis:rgb(7 63 211 / .09);
  --display:"Avenir Next",Avenir,"Helvetica Neue",ui-sans-serif,system-ui,sans-serif;
  --govde:"Iowan Old Style",Baskerville,Charter,Georgia,"Times New Roman",serif;
  --kitabe:var(--display); --olcu:48rem; --kenar:11rem;
  background:var(--kagit); color:var(--murekkep); font-size:1rem; line-height:1.62;
}
.alt-sayfa::before { display:none; }
.alt-sayfa .tepe { position:relative; height:48px; background:#fafafa; border-bottom:1px solid #1d1d1d; backdrop-filter:none; }
.alt-sayfa .tepe .ic { width:100%; max-width:96rem; min-height:47px; margin:0 auto; padding:0 3rem; flex-wrap:nowrap; gap:0; }
.alt-sayfa .marka { min-width:13rem; }
.alt-sayfa .marka-imza .ad { color:#0e1014; font:500 1.85rem/.9 "Iowan Old Style", Baskerville, Charter, Georgia, "Times New Roman", serif; letter-spacing:-.055em; text-transform:none; white-space:nowrap; }
.alt-sayfa .tepe nav { width:100%; margin-left:2rem; gap:2.1rem; align-items:center; flex-wrap:nowrap; }
.alt-sayfa .tepe nav > a { padding:.2rem 0; color:#111318; font:500 .82rem/1 var(--display); letter-spacing:0; text-transform:none; white-space:nowrap; }
.alt-sayfa .tepe nav > a::after { bottom:-.78rem; height:2px; background:#073fd3; }
.alt-sayfa .tepe nav > a[aria-current] { color:#073fd3; }
.alt-sayfa .mecmua-nav-arac { gap:1.4rem; margin-left:auto; }
.alt-sayfa .mecmua-nav-arac > a { display:flex; color:#111318; }
.alt-sayfa .mecmua-nav-arac > span { font:500 .72rem/1 var(--display); }
.alt-sayfa .uye-baglantisi { flex:none; padding:.42rem .7rem!important; border:1px solid #111318!important; font-weight:650!important; }
.alt-sayfa .perde { min-height:310px; margin:0; color:#111318; background:#f8f8f7; border-bottom:1px solid #1d1d1d; }
.alt-sayfa .perde::before { inset:0 0 0 auto; width:42%; z-index:-1; filter:grayscale(1) contrast(1.04); opacity:1; background-image:linear-gradient(90deg,#f8f8f7 0,transparent 18%),var(--sayfa-gorsel); background-size:cover; background-position:center; }
.alt-sayfa.sayfa-yol .perde::before { background-position:center 35%; filter:grayscale(1) contrast(1.08); }
.alt-sayfa .perde::after { height:0; }
.alt-sayfa .perde .ic { width:100%; max-width:96rem; margin:0 auto; padding:3.3rem 46% 3rem 3rem; }
.alt-sayfa .kitabe-etiket { margin:0 0 .8rem; color:#073fd3; font:700 .72rem/1 var(--display); letter-spacing:.02em; text-transform:none; }
.alt-sayfa .kitabe-etiket::after { display:none; }
.alt-sayfa .perde h1 { max-width:12ch; color:#111318; font:700 clamp(3.5rem,6vw,6.4rem)/.92 var(--display); letter-spacing:-.065em; }
.alt-sayfa .perde h1 em { color:#111318; font-style:normal; font-weight:700; }
.alt-sayfa .perde .lakap { max-width:32ch; margin-top:1.1rem; color:#32363d; font:400 clamp(1.15rem,2vw,1.6rem)/1.25 var(--govde); }
.alt-sayfa .perde .tanim { max-width:42ch; margin-top:1.35rem; color:#444950; font-size:.95rem; line-height:1.55; }
.alt-sayfa .perde .dalga { max-width:34rem; margin:1.8rem 0 0; height:2rem; }
.alt-sayfa .perde .dalga i { background:#073fd3; opacity:.45; }
.alt-sayfa .perde .rakamlar { margin-top:1.75rem; }
.alt-sayfa .perde .rakamlar div { border-color:#aeb0b4; }
.alt-sayfa .perde .rakamlar b { color:#111318; font-family:var(--display); }
.alt-sayfa .perde .rakamlar span { color:#555b64; font-family:var(--display); letter-spacing:.04em; text-transform:none; }
.alt-sayfa .sayfa { width:100%; max-width:96rem; margin:0 auto; padding:0; }
.alt-sayfa main > section,.alt-sayfa main > article { margin:0; padding:3rem; border-bottom:1px solid #8f9297; }
.alt-sayfa .satir { grid-template-columns:12rem minmax(0,50rem); gap:3rem; }
.alt-sayfa .satir > .kenar { top:1rem; padding-top:.2rem; color:#073fd3; font:700 .74rem/1.3 var(--display); letter-spacing:.015em; text-align:left; text-transform:none; }
.alt-sayfa .satir > .kenar::after { width:3rem; margin:.65rem 0 0; background:#073fd3; }
.alt-sayfa .ana { min-width:0; }
.alt-sayfa h2 { margin-top:3rem; font:700 clamp(1.75rem,3vw,2.4rem)/1.02 var(--display); letter-spacing:-.035em; }
.alt-sayfa h3 { font-family:var(--display); letter-spacing:-.02em; }
.alt-sayfa .ana > h2 { padding-top:1rem; border-color:#8f9297; }
.alt-sayfa .ana > h2::before { width:4rem; background:#073fd3; }
.alt-sayfa a { color:#073fd3; border-bottom-color:transparent; }
.alt-sayfa .mahya > p:first-of-type::first-letter { color:#073fd3; }
.alt-sayfa blockquote { border-left-color:#073fd3; }
.alt-sayfa blockquote::before { color:#073fd3; }
.alt-sayfa table { font-size:.92rem; }
.alt-sayfa th { font-family:var(--display); color:#4c515a; letter-spacing:.04em; text-transform:none; }
.alt-sayfa .dizelge li + li { margin-top:0; }
.alt-sayfa .dizelge a { border-width:0 0 1px; border-color:#b3b5b8; border-radius:0; background:transparent; box-shadow:none; padding:1.15rem 0; }
.alt-sayfa .dizelge a:hover { border-color:#073fd3; box-shadow:none; transform:translateX(4px); }
.alt-sayfa .dizelge .no,.alt-sayfa .kronoloji .yil,.alt-sayfa .silsile li.bu .isim { color:#073fd3; }
.alt-sayfa .dizelge .ad2 { font-family:var(--display); }
.alt-sayfa .arama-panel,.alt-sayfa .sonuc,.alt-sayfa .oynatici { border-radius:0; box-shadow:none; }
.alt-sayfa .arama-panel { border-color:#8f9297; background:transparent; }
.alt-sayfa .arama-panel::before { background:#073fd3; }
.alt-sayfa .arama-kutu { border-radius:0; }
.alt-sayfa .arama-kutu button,.alt-sayfa .calar-oynat { background:#073fd3!important; border-radius:0!important; }
.alt-sayfa .oneriler a { border-radius:0; background:transparent; font-family:var(--display); font-size:.8rem; }
.alt-sayfa .kronoloji::before,.alt-sayfa .silsile li::after { background:#a9abad; }
.alt-sayfa .kronoloji .olay::before,.alt-sayfa .silsile li::before { border-radius:0; border-color:#073fd3; }
.alt-sayfa .silsile li.bu::before { background:#073fd3; }
.alt-sayfa .sonuc { border-width:0 0 1px; border-color:#b3b5b8; background:transparent; padding-left:0; }
.alt-sayfa .kunye-liste li { padding-left:0; border-color:#b3b5b8; }
.alt-sayfa .kunye-liste li::before { display:none; }
.alt-sayfa .alt { margin:0; color:#343840; background:#f8f8f7; border-top:1px solid #1d1d1d; }
.alt-sayfa .alt::before { display:none; }
.alt-sayfa .alt .ic { max-width:96rem; padding:2rem 3rem; }
.alt-sayfa .alt .kim { color:#111318; font:600 .9rem/1.3 var(--display); }
.alt-sayfa .alt a { color:#343840; font:500 .7rem/1 var(--display); letter-spacing:0; text-transform:none; }
.alt-sayfa .alt a:hover { color:#073fd3; }
.alt-sayfa .ana-dugme { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.8rem 1.15rem; border:1px solid #073fd3; border-radius:0; background:#073fd3; color:#fff!important; font:650 .78rem/1 var(--display); }
.alt-sayfa .ana-dugme:hover { background:#002ca6; border-color:#002ca6; color:#fff!important; }
.alt-sayfa .ana-dugme:active { transform:translateY(1px); }
@media(max-width:70rem){.alt-sayfa .tepe nav{gap:1.2rem}.alt-sayfa .tepe nav>a:nth-of-type(4),.alt-sayfa .tepe nav>a:nth-of-type(5){display:none}.alt-sayfa .perde .ic{padding-right:43%}}
@media(max-width:48rem){
  .alt-sayfa .tepe{height:auto}.alt-sayfa .tepe .ic{min-height:54px;padding:.7rem 1rem;flex-wrap:wrap}
  .alt-sayfa .tepe nav{display:flex;width:100%;margin:.65rem 0 0;padding:.6rem 0 0;gap:1.1rem;border-top:1px solid #aaa;overflow-x:auto}
  .alt-sayfa .tepe nav>a:nth-of-type(4),.alt-sayfa .tepe nav>a:nth-of-type(5){display:none}.alt-sayfa .mecmua-nav-arac{margin-left:auto}.alt-sayfa .mecmua-nav-arac>span{display:none}
  .alt-sayfa .perde{min-height:0}.alt-sayfa .perde::before{position:relative;display:block;width:100%;height:220px;background-image:var(--sayfa-gorsel);background-position:center}
  .alt-sayfa .perde .ic{padding:2.1rem 1.25rem 2.4rem}.alt-sayfa .perde h1{max-width:none;font-size:clamp(3rem,15vw,4.7rem)}
  .alt-sayfa main>section,.alt-sayfa main>article{padding:2.2rem 1.25rem}.alt-sayfa .satir{grid-template-columns:1fr;gap:1rem}.alt-sayfa .satir>.kenar{position:static}
  .alt-sayfa .alt .ic{padding:2rem 1.25rem}
}

/* ───────────────────── iletişim, bilgi ve sade alt navigasyon ───────────────────── */
.iletisim-kabuk{display:grid;grid-template-columns:minmax(0,.88fr) minmax(24rem,1.12fr);min-height:calc(100vh - 9rem);border-inline:1px solid var(--cizgi)}
.iletisim-giris{padding:clamp(3rem,7vw,7rem);background:#111318;color:#fff}.iletisim-giris h1{max-width:8ch;margin:.8rem 0 1.5rem;color:#fff;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.9}.iletisim-giris>p:not(.ust-baslik){max-width:34rem;color:#c8ccd3;font-size:1rem;line-height:1.75}.iletisim-giris .ust-baslik{color:#7ea1ff}
.iletisim-not{display:grid;margin-top:clamp(3rem,7vw,7rem);border-top:1px solid #3c4048}.iletisim-not>p{margin:0;padding:1rem 0;border-bottom:1px solid #3c4048;color:#aeb4be;font-size:.78rem}.iletisim-not strong{display:block;margin-bottom:.2rem;color:#fff;font:600 .95rem/1.2 var(--display)}
.iletisim-form-alani{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);background:#f6f5f1}.iletisim-form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.25rem}.iletisim-form label{margin-top:.5rem;color:#282c33;font:700 .74rem/1.2 var(--display)}.iletisim-form input,.iletisim-form select,.iletisim-form textarea{width:100%;min-height:50px;padding:.75rem .85rem;border:1px solid #92969d;border-radius:0;background:#fff;color:#111318;font:1rem/1.4 var(--display)}.iletisim-form textarea,.iletisim-form label[for="i-mesaj"],.iletisim-form .iletisim-onay,.iletisim-form button{grid-column:1/-1}.iletisim-form textarea{resize:vertical}.iletisim-form input:focus,.iletisim-form select:focus,.iletisim-form textarea:focus{outline:0;border-color:#073fd3;box-shadow:0 0 0 3px rgba(7,63,211,.12)}.iletisim-form .iletisim-onay{display:flex;align-items:flex-start;gap:.65rem;color:#666b74;font-weight:400;line-height:1.45}.iletisim-onay input{flex:0 0 auto;width:1rem;min-height:1rem;margin:.15rem 0 0}.iletisim-form button{min-height:52px;margin-top:.7rem;border:1px solid #073fd3;background:#073fd3;color:#fff;font:700 .85rem/1 var(--display);cursor:pointer}.iletisim-form button:hover{background:#111318;border-color:#111318}.iletisim-tuzak{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.bilgi-sayfasi{max-width:70rem;margin:0 auto;padding:clamp(3rem,8vw,8rem) clamp(1.25rem,5vw,4rem)}.bilgi-sayfasi>h1{max-width:12ch;margin:.7rem 0 2.5rem;font-size:clamp(3.3rem,7vw,6.5rem);line-height:.92}.bilgi-sayfasi>h2{max-width:48rem;margin:3rem 0 .8rem;padding-top:1.5rem;border-top:1px solid #aeb2b8;font-size:1.75rem}.bilgi-sayfasi>p{max-width:48rem;line-height:1.75}.bilgi-ozet{font-size:1.12rem;color:#4e545d}.yasal-not{margin-top:3rem;padding:1.25rem;border-left:4px solid #073fd3;background:#edf2ff;font-size:.85rem}.sss-liste{border-top:1px solid #111318}.sss-liste details{border-bottom:1px solid #aeb2b8}.sss-liste summary{padding:1.35rem 3rem 1.35rem 0;cursor:pointer;font:650 1.12rem/1.3 var(--display)}.sss-liste details p{max-width:48rem;margin:0;padding:0 0 1.5rem;color:#4c525b;line-height:1.7}
.mecmua-altbilgi{grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr) minmax(0,.8fr) minmax(0,1.25fr)!important;min-height:210px!important;padding:2.5rem 3rem!important;gap:clamp(1.5rem,3.2vw,3.5rem)!important;border-top:1px solid #111318;background:#f5f5f3}.mecmua-altbilgi>*{min-width:0}.mecmua-altbilgi .marka-alt{display:inline-block;margin-bottom:1.1rem;border:0;color:#111318;font:500 2rem/.9 "Iowan Old Style",Baskerville,Georgia,serif;letter-spacing:-.05em}.mecmua-altbilgi .mecmua-kunye{align-self:start}.mecmua-altbilgi .mecmua-kunye p{max-width:30rem;margin-bottom:1.4rem;font-size:.78rem;line-height:1.6;color:#4f545c}.mecmua-altbilgi nav{gap:.65rem}.mecmua-altbilgi nav strong{margin-bottom:.45rem;color:#073fd3;font:700 .67rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em}.mecmua-altbilgi nav a{max-width:100%;font-size:.75rem;line-height:1.25;overflow-wrap:anywhere}.mecmua-iletisim{align-self:start;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1rem;max-width:100%;padding:1.25rem;border:1px solid #111318!important;color:#111318!important;text-decoration:none}.mecmua-iletisim span,.mecmua-iletisim small{min-width:0;overflow-wrap:anywhere}.mecmua-iletisim span{font:650 1.05rem/1.2 var(--display)}.mecmua-iletisim small{grid-column:1;color:#646a73;font-size:.7rem;line-height:1.45}.mecmua-iletisim svg{grid-column:2;grid-row:1/3;align-self:center}.mecmua-iletisim:hover{border-color:#073fd3!important;color:#073fd3!important}
@media(max-width:60rem){.iletisim-kabuk{grid-template-columns:1fr}.iletisim-form{grid-template-columns:1fr}.iletisim-form label,.iletisim-form input,.iletisim-form select{grid-column:1}.mecmua-altbilgi{grid-template-columns:1fr 1fr!important}.mecmua-iletisim{grid-column:1/-1}}
@media(max-width:38rem){.iletisim-giris,.iletisim-form-alani{padding:2.5rem 1.25rem}.bilgi-sayfasi{padding:3rem 1.25rem}.mecmua-altbilgi{grid-template-columns:1fr!important;padding:2rem 1.25rem!important}.mecmua-iletisim{grid-column:auto}}

@media (max-width: 48rem) {
  .marka-imza { min-width: 11.5rem; gap: .55rem; }
  .marka-imza .nisan { width: 2rem; height: 2rem; }
  .marka-imza .ad,
  body:has(.mecmua-sayfa) .marka-imza .ad,
  .alt-sayfa .marka-imza .ad { font-size: 1.58rem; }
}

/* Ana sayfa arşiv fotoğrafları: siyah-beyazdan aslına dönüş */
.mecmua-hero-gorsel img,
.mecmua-portre img,
.mecmua-yer img {
  transition: filter .7s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1);
  will-change: filter, transform;
}
.mecmua-yer { overflow: hidden; }
@media (hover: hover) and (pointer: fine) {
  .mecmua-hero-gorsel:hover img { filter: grayscale(0) contrast(1.02); transform: scale(1.045); }
  .mecmua-portre:hover img { filter: grayscale(0) contrast(1.02); transform: scale(1.025); }
  .mecmua-yer img:hover { filter: grayscale(0) contrast(1.02); transform: scale(1.025); }
}
@media (prefers-reduced-motion: reduce) {
  .mecmua-hero-gorsel img,
  .mecmua-portre img,
  .mecmua-yer img { transition: none; will-change: auto; }
}