/* ============================================================
   ZIVANA v2 — tasarım sistemi · Manuzio (parrhesia evi) · 5 Eylül 2026
   Karar: "Zıvana bir çizgidir" — iki dilin birleştiği yer tek bir cihazla
   gösterilir: 2px zincar (cinnabar) DİKEY ÇİZGİ = zıvana (eklem pimi).
   Çizgi dört yerde yaşar: markta (ZI|VANA) · triptikte (asıl | çeviri)
   · dil anahtarında (TR|EN) · alıntıda (sol kural). Başka süs yok.
   Gövde okunur (Manutius) · ızgara asimetrik ama disiplinli (Tschichold)
   · Dada yalnız yapıt başlığında ve damgada.
   ============================================================ */

/* ---------- 0 · TOKENLAR ---------- */
:root{
  /* renk — kâğıt/mürekkep/zincar */
  --kagit:#FBF7EF; --kagit-2:#F4ECDB; --kapak:#FFFFFF;
  --murekkep:#1A1712; --murekkep-2:#4A443A; --soluk:#6F675A;   /* soluk: 5.22:1 (AA) — v1'in #8B8272'si 3.55 idi */
  --cizgi:#E4DAC6; --cizgi-2:#EFE7D6;
  --zincar:#C0362C; --zincar-koyu:#93261E;                       /* küçük metinde koyu ton: 7.75:1 */
  --kapak-metin:#C9BEA9;
  /* tip */
  --fr:"Fraunces",Georgia,"Times New Roman",serif;
  --nr:"Newsreader",Georgia,"Times New Roman",serif;
  --sg:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gd:"GFS Didot","Fraunces",Georgia,serif;                      /* Yunanca asıl ses */
  /* ölçek (18 tabanlı) */
  --t-12:.6667rem; --t-13:.75rem; --t-15:.8333rem; --t-18:1rem; --t-22:1.2222rem;
  --t-28:1.5556rem; --t-35:1.9444rem; --t-44:2.4444rem; --t-55:3.0556rem; --t-69:3.8333rem;
  /* ritim */
  --u:8px; --gutter:28px; --max:1200px; --olcu:34em;              /* ölçü ≈ 62–68 karakter */
  --pin:2px;                                                     /* zıvana çizgisi */
  --radius:2px;
}
@media (prefers-color-scheme: dark){
  :root{
    --kagit:#16130F; --kagit-2:#1E1A15; --kapak:#221D17;
    --murekkep:#EDE4D3; --murekkep-2:#B9AE9A; --soluk:#9A907B;
    --cizgi:#2E2922; --cizgi-2:#26211B;
    --zincar:#E8685C; --zincar-koyu:#E8685C; --kapak-metin:#B9AE9A;
  }
}

/* ---------- 1 · TEMEL ---------- */
*,*::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(--nr);font-size:18px;line-height:1.6;
  font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media (max-width:600px){body{font-size:17px}}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--zincar);outline-offset:3px}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.w{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:0;background:var(--murekkep);color:var(--kagit);padding:8px 12px;z-index:100}
.skip:focus{left:12px;top:12px}
hr.kural{border:0;border-top:1px solid var(--murekkep);margin:0}
hr.ince{border:0;border-top:1px solid var(--cizgi);margin:0}

/* etiket (Space Grotesk, küçük, aralıklı) */
.lab{font-family:var(--sg);font-size:var(--t-12);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--zincar-koyu)}
.lab.gri{color:var(--soluk)}
.lab.ink{color:var(--murekkep)}
.mut{color:var(--soluk)}

/* ---------- 2 · ZIVANA ÇİZGİSİ (tek cihaz) ---------- */
.pin{display:inline-block;width:var(--pin);background:var(--zincar);vertical-align:-.08em;height:1.05em;margin:0 -1px;
  transform:translateY(.02em)}
.mark{font-family:var(--fr);font-weight:900;letter-spacing:-.02em;line-height:.9;white-space:nowrap;display:inline-block}
.mark .pin{height:1.16em;vertical-align:-.13em;margin:0 -1px;background:var(--zincar)}
.mark:hover .pin{background:var(--murekkep)}

/* ---------- 3 · TASLAK ŞERİDİ (yayında silinir) ---------- */
.taslak{background:var(--murekkep);color:var(--kagit);font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:6px 12px}
.taslak b{color:var(--zincar);font-weight:700}

/* ---------- 4 · ÜST ŞERİT ---------- */
.ust{border-bottom:1px solid var(--cizgi)}
.ust .w{display:flex;align-items:center;gap:20px;min-height:46px;font-family:var(--sg);font-size:var(--t-12);letter-spacing:.1em;text-transform:uppercase;color:var(--murekkep-2)}
.ust .sp{flex:1}
.ust .sag{display:flex;gap:18px;align-items:center}
.ust .destek{color:var(--zincar-koyu);font-weight:500}
.ust .brand{font-size:1.15rem;letter-spacing:-.02em;text-transform:none}
/* dil anahtarı — TR | EN, ayraç zıvana çizgisi */
.dil{display:inline-flex;align-items:center;gap:8px;font-family:var(--sg);font-size:var(--t-12);letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.dil .pin{height:1em;vertical-align:middle;transform:none}
.dil b{color:var(--murekkep);font-weight:700}
.dil:hover{color:var(--murekkep)}

/* ---------- 5 · MASTHEAD ---------- */
.mast{text-align:center;padding:52px 20px 20px}
.mast .mark{font-size:clamp(64px,13vw,152px)}
.mast .tag{font-family:var(--sg);font-size:var(--t-13);letter-spacing:.3em;text-transform:uppercase;color:var(--murekkep-2);margin-top:18px}
.mast .soy{font-family:var(--nr);font-style:italic;font-size:var(--t-15);color:var(--soluk);margin-top:8px}
/* açılış sözü şeridi */
.mani{border-top:1px solid var(--murekkep);border-bottom:1px solid var(--cizgi);background:var(--kagit-2)}
.mani .w{padding:18px 28px;text-align:center;font-family:var(--fr);font-style:italic;font-weight:400;font-size:clamp(1rem,2.1vw,1.3rem);line-height:1.4;color:var(--murekkep)}
.mani .kim{font-family:var(--sg);font-style:normal;font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);display:block;margin-top:8px}

/* ---------- 6 · NAV ---------- */
.nav{border-bottom:1px solid var(--murekkep);position:sticky;top:0;background:var(--kagit);z-index:20}
.nav .w{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;padding:12px 28px;font-family:var(--sg);font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.nav a{color:var(--murekkep);padding:3px 0;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--zincar);color:var(--zincar-koyu)}
.nav a[aria-current="page"]{border-bottom-color:var(--murekkep)}
@media (max-width:600px){.nav .w{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav .w::-webkit-scrollbar{display:none}}

/* ---------- 7 · ANA SAYFA: KAPAK-ARGÜMAN (hero = triptik ilkesi) ---------- */
.hero{display:grid;grid-template-columns:7fr 5fr;gap:var(--gutter);padding:48px 0 8px;align-items:start}
.hero .kick{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.hero h2{font-family:var(--fr);font-weight:600;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.04;letter-spacing:-.015em;margin:0 0 14px}
.hero h2 a:hover{color:var(--zincar-koyu)}
.hero .deck{font-family:var(--fr);font-style:italic;font-size:var(--t-22);line-height:1.45;color:var(--murekkep-2);margin:0 0 20px;max-width:34em}
/* üç-dil önizleme: ilk dizeler yan yana, asıl | çeviri arasında zıvana */
.mini-trip{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid var(--murekkep);margin-top:6px}
.mini-trip>div{padding:16px 18px 18px;border-right:1px solid var(--cizgi);min-width:0}
.mini-trip>div:first-child{margin-left:calc(-1*var(--gutter));padding-left:var(--gutter);border-right:var(--pin) solid var(--zincar);background:linear-gradient(180deg,var(--kagit-2),transparent 80%)}
.mini-trip>div:last-child{border-right:0;padding-right:0}
.mini-trip .d{font-family:var(--sg);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--soluk);margin-bottom:8px}
.mini-trip p{margin:0;font-size:var(--t-15);line-height:1.5;white-space:pre-line}
.mini-trip .el{font-family:var(--gd);font-size:1.08rem;line-height:1.55}
.mini-trip .fr{font-family:var(--fr)}
.hero .by{font-family:var(--sg);font-size:var(--t-12);letter-spacing:.06em;color:var(--soluk);text-transform:uppercase;margin-top:16px}
.hero .by b{color:var(--murekkep);font-weight:500}
/* kapak bloğu — tipografik, fotosuz */
.kapakblok{background:var(--murekkep);color:var(--kagit);padding:30px 28px 26px;position:relative;min-height:100%}
.kapakblok .k-lab{font-family:var(--sg);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--kapak-metin)}
.kapakblok .mark{font-size:2.6rem;margin:12px 0 4px;display:block}
.kapakblok .mark .pin{background:var(--zincar)}
.kapakblok .k-no{font-family:var(--sg);font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:var(--kapak-metin);border-top:1px solid rgba(255,255,255,.18);margin-top:16px;padding-top:12px}
.kapakblok .k-dosya{font-family:var(--fr);font-style:italic;font-size:1.1rem;margin-top:10px;color:#F0E7D3;line-height:1.4}
.kapakblok .k-dosya b{font-style:normal;font-weight:600}
.kapakblok .k-cta{display:inline-block;margin-top:20px;font-family:var(--sg);font-size:var(--t-12);letter-spacing:.12em;text-transform:uppercase;color:var(--kagit);border:1px solid rgba(255,255,255,.45);padding:10px 16px}
.kapakblok .k-cta:hover{background:var(--zincar);border-color:var(--zincar);color:#fff}
@media (prefers-color-scheme: dark){.kapakblok{background:var(--kagit-2);color:var(--murekkep);border:1px solid var(--cizgi)}.kapakblok .k-dosya{color:var(--murekkep)}.kapakblok .k-cta{color:var(--murekkep);border-color:var(--cizgi)}}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px}}
@media (max-width:700px){.mini-trip{grid-template-columns:1fr}.mini-trip>div{border-right:0!important;border-top:1px solid var(--cizgi);padding:14px 0}.mini-trip>div:first-child{margin-left:0;border-top:0;border-left:var(--pin) solid var(--zincar);padding-left:14px;background:none}}

/* ---------- 8 · IZGARA (parçalar) ---------- */
.izgara{border-top:1px solid var(--murekkep);margin-top:44px}
.grid{display:grid;grid-template-columns:repeat(3,1fr)}
.parca{padding:28px 26px 30px 0;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);min-width:0}
.parca:nth-child(3n){border-right:0;padding-right:0}
.parca:not(:nth-child(3n+1)){padding-left:26px}
.parca .kick{margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.parca h3{font-family:var(--fr);font-weight:600;font-size:var(--t-22);line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
.parca h3 a:hover{color:var(--zincar-koyu)}
.parca .alinti{font-family:var(--nr);font-style:italic;color:var(--murekkep-2);font-size:var(--t-18);line-height:1.5;margin:0 0 12px;white-space:pre-line}
.parca .alinti.el{font-family:var(--gd);font-style:normal}
.parca .by{font-family:var(--sg);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.parca .by b{color:var(--murekkep);font-weight:500}
.parca.yer{background:repeating-linear-gradient(135deg,transparent,transparent 10px,var(--cizgi-2) 10px,var(--cizgi-2) 11px)}
.parca.yer h3{color:var(--murekkep-2)}
.yertut{display:inline-block;font-family:var(--sg);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);border:1px dashed var(--soluk);padding:2px 7px;border-radius:var(--radius)}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}
  .parca:nth-child(3n){border-right:1px solid var(--cizgi);padding-right:26px}
  .parca:nth-child(2n){border-right:0;padding-right:0}
  .parca:nth-child(odd){padding-left:0}.parca:nth-child(even){padding-left:26px}}
@media (max-width:600px){.grid{grid-template-columns:1fr}.parca{border-right:0!important;padding:22px 0!important}}

/* bölüm başı */
.bolum{display:flex;align-items:baseline;gap:16px;border-bottom:2px solid var(--murekkep);padding-bottom:10px;margin-bottom:6px}
.bolum h4{font-family:var(--fr);font-weight:900;font-size:var(--t-28);margin:0;letter-spacing:-.01em}
.bolum .not{font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);margin-left:auto;text-align:right}

/* ---------- 9 · GÜNCE ---------- */
.gunce{padding:52px 0 8px}
.gunce ul{list-style:none;margin:0;padding:0}
.gunce li{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.gunce li .t{font-family:var(--sg);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.gunce li .h{font-family:var(--fr);font-weight:600;font-size:var(--t-18)}
.gunce li .h:hover{color:var(--zincar-koyu)}
.gunce li .a{font-family:var(--sg);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
@media (max-width:600px){.gunce li{grid-template-columns:1fr;gap:4px}}

/* ---------- 10 · PORTFOLYO ---------- */
.portfolyo{border-top:1px solid var(--murekkep);margin-top:44px;padding:44px 0 8px}
.portfolyo .p-bas{max-width:680px;margin:0 auto 26px;text-align:center}
.portfolyo .p-bas h4{font-family:var(--fr);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.4rem);margin:12px 0 8px;letter-spacing:-.01em}
.portfolyo .p-bas p{font-family:var(--nr);font-style:italic;color:var(--murekkep-2);margin:0}
.plates{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plate{background:var(--kapak);border:1px solid var(--cizgi);padding:10px}
.plate .im{aspect-ratio:3/4;border:1px solid var(--cizgi);background:
  repeating-linear-gradient(135deg,var(--kagit-2),var(--kagit-2) 9px,var(--kapak) 9px,var(--kapak) 18px)}
.plate .cap{font-family:var(--sg);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);margin-top:8px}
@media (max-width:900px){.plates{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.plates{grid-template-columns:1fr}}

/* ---------- 11 · DAVET ---------- */
.davet{background:var(--murekkep);color:var(--kagit);text-align:center;padding:52px 24px;margin-top:52px}
.davet h4{font-family:var(--fr);font-weight:400;font-style:italic;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 8px;line-height:1.3}
.davet p{font-family:var(--sg);font-size:var(--t-13);letter-spacing:.06em;color:var(--kapak-metin);margin:0 0 22px}
.davet .btn{display:inline-block;font-family:var(--sg);font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;background:var(--zincar);color:#fff;padding:13px 26px}
.davet .btn:hover{background:var(--kagit);color:var(--murekkep)}
@media (prefers-color-scheme: dark){.davet{background:var(--kagit-2);color:var(--murekkep);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}}

/* ---------- 12 · FOOTER + KÜNYE ---------- */
.foot{border-top:1px solid var(--murekkep);padding:44px 0 64px}
.foot .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.foot .mark{font-size:1.7rem}
.foot .soy{font-family:var(--nr);font-style:italic;color:var(--soluk);font-size:var(--t-15);margin-top:10px;max-width:34ch;line-height:1.5}
.foot .col b{font-family:var(--sg);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--murekkep);display:block;margin-bottom:10px}
.foot .col a{display:block;font-family:var(--sg);font-size:var(--t-13);color:var(--murekkep-2);padding:4px 0}
.foot .col a:hover{color:var(--zincar-koyu)}
.kunye{grid-column:1/-1;border-top:1px solid var(--cizgi);margin-top:20px;padding-top:16px;
  font-family:var(--sg);font-size:11px;letter-spacing:.04em;color:var(--soluk);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 24px}
.kunye b{color:var(--murekkep-2);font-weight:500;display:block;letter-spacing:.12em;text-transform:uppercase;font-size:10px;margin-bottom:2px}
.kunye .bos{color:var(--zincar-koyu)}
@media (max-width:700px){.foot .w{grid-template-columns:1fr 1fr}.foot>.w>div:first-child{grid-column:1/-1}}

/* ---------- 13 · YAPIT SAYFASI — Dada başlık (ölçülü) ---------- */
.dada{position:relative;border-bottom:1px solid var(--murekkep);padding:56px 0 32px;overflow:hidden}
.dada .kesik{position:absolute;top:18px;right:-44px;transform:rotate(4deg);background:var(--murekkep);color:var(--kagit);
  font-family:var(--sg);font-weight:700;font-size:11px;letter-spacing:.3em;text-transform:uppercase;padding:6px 64px}
.dada .kick{font-family:var(--sg);font-weight:700;font-size:var(--t-12);letter-spacing:.22em;text-transform:uppercase;color:var(--zincar-koyu);transform:rotate(-2.5deg);display:inline-block;margin-bottom:14px}
.dada h1{font-family:var(--fr);font-weight:900;font-size:clamp(2.8rem,8.5vw,6.6rem);line-height:.9;letter-spacing:-.03em;margin:0;overflow-wrap:anywhere}
.dada h1 .el{font-family:var(--gd);font-weight:400;letter-spacing:0}
.dada h1 em{font-style:italic;font-weight:400}
.dada .alt{font-family:var(--fr);font-style:italic;font-weight:400;font-size:clamp(1.1rem,2.8vw,1.75rem);color:var(--murekkep-2);margin-top:8px}
.kolaj{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:22px;font-family:var(--sg);text-transform:uppercase;letter-spacing:.08em}
.kolaj span{border:1px solid var(--cizgi);padding:3px 9px;font-size:11px;color:var(--murekkep-2);background:var(--kapak)}
.kolaj .r{transform:rotate(-3deg)} .kolaj .r2{transform:rotate(2.5deg)}
.kolaj .kirmizi{background:var(--zincar);color:#fff;border-color:var(--zincar);font-weight:700}
.kolaj .buyuk{font-family:var(--fr);font-weight:900;font-size:1rem;letter-spacing:0;text-transform:none;border:0;background:none;padding:0}
/* künye satırı — çevirmen görünür (CE: çevirmen adı üstte) */
.yapit-by{font-family:var(--sg);font-size:var(--t-12);letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);margin-top:22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.yapit-by b{color:var(--murekkep);font-weight:500}
.damga{transform:rotate(-6deg);border:1.5px solid var(--zincar);color:var(--zincar-koyu);font-weight:700;padding:3px 10px;border-radius:var(--radius);font-size:11px;letter-spacing:.14em;display:inline-block}

/* TRİPTİK — Asıl | Türkçe | English ; asıl ile çeviri arasında zıvana çizgisi */
.trip{display:grid;grid-template-columns:1.1fr 1fr 1fr;margin:44px 0 10px;border-top:1px solid var(--murekkep)}
.sut{padding:26px 26px 34px;border-right:1px solid var(--cizgi);min-width:0}
.sut:first-child{margin-left:calc(-1*var(--gutter));padding-left:var(--gutter);border-right:var(--pin) solid var(--zincar);background:linear-gradient(180deg,var(--kagit-2),transparent 70%)}
.sut:last-child{border-right:0;padding-right:0}
.sut .dilb{font-family:var(--sg);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--zincar-koyu);
  border-bottom:1px solid var(--cizgi);padding-bottom:10px;margin-bottom:18px;display:flex;justify-content:space-between;gap:8px}
.sut .dilb .as{color:var(--soluk);font-weight:400;letter-spacing:.08em}
.siir{font-family:var(--fr);font-weight:400;font-size:var(--t-22);line-height:1.62;white-space:pre-line;margin:0;overflow-wrap:anywhere}
.siir .baslik{display:block;font-family:var(--sg);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--soluk);margin-bottom:12px;line-height:1.2}
.siir.el{font-family:var(--gd);font-size:1.3rem;line-height:1.6}
.sut.tr .siir,.sut.en .siir{font-family:var(--nr);font-size:1.15rem;color:var(--murekkep)}
.cn{font-family:var(--sg);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);margin-top:20px}
.trip.iki{grid-template-columns:1.1fr 1fr}
@media (max-width:820px){.trip{grid-template-columns:1fr;border-top:0}
  .sut{border-right:0!important;border-top:1px solid var(--murekkep);padding:22px 0!important;background:none!important}
  .sut:first-child{margin-left:0;border-left:var(--pin) solid var(--zincar);padding-left:16px!important;border-top:1px solid var(--murekkep)}}

/* hak fişi — telif bir iddiadır; her yapıtın altında görünür */
.fis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px;border-top:1px solid var(--murekkep);border-bottom:1px solid var(--cizgi);margin-top:36px;padding:16px 0}
.fis div{font-family:var(--sg);font-size:var(--t-12);letter-spacing:.02em;color:var(--murekkep-2);padding:6px 0;line-height:1.5}
.fis b{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk);margin-bottom:2px}
.fis .ok{color:var(--murekkep);font-weight:500}
.fis .bekliyor{color:var(--zincar-koyu);font-weight:500}

/* gövde notu (okuma ölçüsünde) */
.not{max-width:var(--olcu);margin:34px auto 0;font-family:var(--nr);font-size:var(--t-18);line-height:1.65;color:var(--murekkep-2);border-top:1px solid var(--cizgi);padding-top:22px}
.not b{color:var(--murekkep);font-weight:500}
.not .lab{display:block;margin-bottom:10px}

/* alıntı — sol kural zıvana */
.alinti-blok{border-left:var(--pin) solid var(--zincar);padding-left:20px;font-family:var(--fr);font-style:italic;font-size:var(--t-22);line-height:1.5;color:var(--murekkep-2);margin:24px 0}

/* ---------- 14 · SAYI SAYFASI ---------- */
.sayi-bas{display:grid;grid-template-columns:5fr 7fr;gap:var(--gutter);padding:44px 0 8px;align-items:start}
.sayi-bas .kapakblok{min-height:0}
.sayi-bas .kapakblok .mark{font-size:clamp(2.4rem,5vw,3.6rem)}
.sayi-bas h2{font-family:var(--fr);font-weight:600;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.08;letter-spacing:-.015em;margin:8px 0 14px}
.sayi-bas .deck{font-family:var(--fr);font-style:italic;font-size:var(--t-22);color:var(--murekkep-2);line-height:1.45;margin:0;max-width:34em}
.icindekiler{margin-top:36px;border-top:1px solid var(--murekkep)}
.icindekiler .kesim{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--cizgi);padding:22px 0}
.icindekiler .kesim>.lab{padding-top:6px}
.icindekiler ol{list-style:none;margin:0;padding:0}
.icindekiler li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:8px 0}
.icindekiler li .h{font-family:var(--fr);font-weight:600;font-size:var(--t-22);line-height:1.2}
.icindekiler li .h:hover{color:var(--zincar-koyu)}
.icindekiler li .h .alt{font-family:var(--nr);font-style:italic;font-weight:400;color:var(--soluk);font-size:var(--t-15);display:block;margin-top:2px}
.icindekiler li .m{font-family:var(--sg);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);white-space:nowrap}
.arsiv{margin-top:44px}
.arsiv .rafa{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.arsiv .kapak{background:var(--murekkep);color:var(--kagit);aspect-ratio:3/4;padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.arsiv .kapak .mark{font-size:1.6rem}
.arsiv .kapak .k{font-family:var(--sg);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--kapak-metin)}
.arsiv .kapak.gelecek{background:var(--kapak);color:var(--soluk);border:1px dashed var(--soluk)}
.arsiv .kapak.gelecek .mark .pin{background:var(--soluk)}
@media (prefers-color-scheme: dark){.arsiv .kapak{background:var(--kagit-2);color:var(--murekkep);border:1px solid var(--cizgi)}}
@media (max-width:900px){.sayi-bas{grid-template-columns:1fr}.arsiv .rafa{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.icindekiler .kesim{grid-template-columns:1fr;gap:8px}}

/* ---------- 14b · İLAN — Zıvana Kitap · Zıvana Books (Dada burada serbest; gövde değil, afiş) ---------- */
.ilan{position:relative;margin:48px 0 0;border-top:1px solid var(--murekkep);border-bottom:1px solid var(--murekkep);padding:36px 0 40px;overflow:hidden;background:var(--kagit-2)}
.ilan .w{display:grid;grid-template-columns:7fr 5fr;gap:var(--gutter);align-items:center}
.ilan .kes1{position:absolute;left:-36px;top:16px;transform:rotate(-3deg);background:var(--zincar);color:#fff;font-family:var(--sg);font-weight:700;font-size:11px;letter-spacing:.3em;text-transform:uppercase;padding:6px 48px;line-height:1}
.ilan h5{font-family:var(--fr);font-weight:900;font-size:clamp(2.2rem,5.6vw,4.4rem);line-height:.92;letter-spacing:-.025em;margin:0}
.ilan h5 .mark{font-size:inherit;display:inline-block}
.ilan h5 .x{display:inline-block;transform:rotate(-2deg);background:var(--murekkep);color:var(--kagit);padding:0 .14em .04em;margin-left:.12em}
.ilan h5 em{font-style:italic;font-weight:400;display:block;font-size:.62em;margin-top:.1em;color:var(--murekkep-2)}
.ilan .alt{font-family:var(--fr);font-style:italic;font-size:var(--t-22);line-height:1.4;color:var(--murekkep-2);margin-top:14px;max-width:30em}
.ilan .kolaj{margin-top:16px}
.ilan .kutu{background:var(--kapak);border:1px solid var(--murekkep);padding:22px 22px 20px;transform:rotate(1.5deg);box-shadow:6px 6px 0 var(--zincar)}
.ilan .kutu ul{list-style:none;margin:10px 0 0;padding:0;font-family:var(--nr);font-size:var(--t-18);line-height:1.4}
.ilan .kutu li{padding:8px 0;border-bottom:1px dashed var(--cizgi);display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ilan .kutu li:last-child{border-bottom:0}
.ilan .kutu li .yakinda{font-family:var(--sg);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--zincar-koyu);white-space:nowrap}
.ilan .cta{display:inline-block;margin-top:18px;background:var(--zincar);color:#fff;font-family:var(--sg);font-weight:500;font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;padding:12px 20px;transform:rotate(-1deg)}
.ilan .cta:hover{background:var(--murekkep);color:var(--kagit)}
@media (max-width:900px){.ilan .w{grid-template-columns:1fr}.ilan .kutu{transform:none;margin-top:8px}}
/* pop-up: <dialog>, yalnız ana sayfada, gecikmeli, bir kez; okuma sayfalarında asla */
dialog.popup{border:0;padding:0;background:transparent;max-width:min(92vw,720px);width:100%}
dialog.popup::backdrop{background:rgba(26,23,18,.55)}
.popup .kart{position:relative;background:var(--kagit);color:var(--murekkep);border:1px solid var(--murekkep);box-shadow:10px 10px 0 var(--zincar);padding:44px 34px 32px;transform:rotate(-1deg);overflow:hidden}
.popup .kes1{position:absolute;left:-40px;top:18px;transform:rotate(-4deg);background:var(--murekkep);color:var(--kagit);font-family:var(--sg);font-weight:700;font-size:11px;letter-spacing:.3em;text-transform:uppercase;padding:6px 52px;line-height:1}
.popup h5{font-family:var(--fr);font-weight:900;font-size:clamp(2rem,6vw,3.6rem);line-height:.92;letter-spacing:-.025em;margin:8px 0 0}
.popup h5 .x{display:inline-block;transform:rotate(-2deg);background:var(--zincar);color:#fff;padding:0 .14em .04em;margin-left:.12em}
.popup h5 em{font-style:italic;font-weight:400;display:block;font-size:.6em;color:var(--murekkep-2);margin-top:.12em}
.popup .alt{font-family:var(--fr);font-style:italic;font-size:var(--t-18);line-height:1.45;color:var(--murekkep-2);margin-top:14px}
.popup .kolaj{margin-top:14px}
.popup .cta{display:inline-block;margin-top:20px;background:var(--zincar);color:#fff;font-family:var(--sg);font-weight:500;font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;padding:12px 20px}
.popup .cta:hover{background:var(--murekkep);color:var(--kagit)}
.popup .kapat{position:absolute;top:12px;right:14px;font-family:var(--sg);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--murekkep);padding:6px 10px;background:var(--kagit);color:var(--murekkep);transform:rotate(2deg);cursor:pointer}
.popup .kapat:hover{background:var(--murekkep);color:var(--kagit)}
.popup .kucuk{font-family:var(--sg);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);margin-top:16px}
@media (prefers-reduced-motion: reduce){.ilan .kutu,.ilan .cta,.popup .kart,.popup .kapat,.kolaj .r,.kolaj .r2,.dada .kick,.dada .kesik,.ilan .kes1,.popup .kes1,.ilan h5 .x,.popup h5 .x,.damga{transform:none}}

/* ---------- 15 · YARDIMCI ---------- */
.ic-bas{padding:40px 0 0}
.ic-bas .kick{margin-bottom:12px}
.merkez{text-align:center}
.gizle{display:none!important}
[data-tr][data-en]{transition:opacity .15s}
.arsiv-not{font-family:var(--sg);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);margin-top:12px}

/* ---------- 16 · BASKI (POD/özel sayı için ilk taban) ---------- */
@media print{
  .taslak,.nav,.ust,.davet,.dada .kesik{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .trip,.mini-trip{grid-template-columns:1fr!important}
  .sut{border:0!important;border-top:1px solid #000!important;background:none!important;padding:12pt 0!important}
  a{color:inherit}
}

/* ---------- 17 · v2.1 ŞABLON EKLERİ (Manuzio · 7 Eyl 2026) — yeni renk yok, mevcut token'lar ---------- */
/* dil çipi = bağlantı (JS'siz) */
a.dil{cursor:pointer}
/* yazar sayfası */
.yazar-bas{padding:44px 0 8px;border-bottom:1px solid var(--murekkep)}
.yazar-bas h1{font-family:var(--fr);font-weight:600;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;letter-spacing:-.015em;margin:8px 0 10px}
.yazar-bas .yillar{font-family:var(--sg);font-size:var(--t-13);letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.yazar-bas .yillar b{color:var(--murekkep);font-weight:500}
/* dizin listeleri (çeviri dizini · yazar yapıtları · arşiv) */
.dizin{list-style:none;margin:0;padding:0;border-top:1px solid var(--murekkep)}
.dizin li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.dizin li .h{font-family:var(--fr);font-weight:600;font-size:var(--t-22);line-height:1.2}
.dizin li .h:hover{color:var(--zincar-koyu)}
.dizin li .h .el{font-family:var(--gd);font-weight:400}
.dizin li .alt{display:block;font-family:var(--nr);font-style:italic;font-weight:400;color:var(--soluk);font-size:var(--t-15);margin-top:2px}
.dizin li .m{font-family:var(--sg);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);white-space:nowrap;text-align:right}
.dizin li .m .pin{height:.9em;vertical-align:middle;margin:0 6px}
.dizin.cift li{grid-template-columns:1fr auto}
@media (max-width:600px){.dizin li{grid-template-columns:1fr}.dizin li .m{text-align:left;white-space:normal}}
/* günce — liste ve tekil */
.gunce-tek{max-width:var(--olcu);margin:0 auto;padding:40px 0 8px}
.gunce-tek h1{font-family:var(--fr);font-weight:600;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.1;letter-spacing:-.012em;margin:10px 0 14px}
.gunce-tek .meta{font-family:var(--sg);font-size:var(--t-12);letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);margin-bottom:22px}
.gunce-tek .govde p{margin:0 0 1em;text-indent:0;font-size:var(--t-18);line-height:1.65}
/* söyleşi — soru/cevap */
.soylesi{max-width:var(--olcu);margin:0 auto;padding:8px 0}
.soylesi .soru{font-family:var(--sg);font-size:var(--t-13);letter-spacing:.06em;color:var(--zincar-koyu);margin:26px 0 8px;font-weight:500}
.soylesi .cevap p{margin:0 0 .9em;text-indent:0;font-size:var(--t-18);line-height:1.65}
.soylesi .kim{font-family:var(--sg);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);border-top:1px solid var(--cizgi);padding-top:10px;margin-top:8px}
/* tek cümle sayfası (ses · destek kabuğu) */
.tek{max-width:var(--olcu);margin:0 auto;padding:60px 0 40px;text-align:center;font-family:var(--fr);font-style:italic;font-size:var(--t-22);line-height:1.5;color:var(--murekkep-2)}
/* hreflang/dil satırı alt bilgi */
.diller{font-family:var(--sg);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
.diller a{color:var(--murekkep-2);border-bottom:1px solid var(--cizgi)}
.diller a:hover{color:var(--zincar-koyu);border-color:var(--zincar)}
/* ölçülü levha (img) */
.plate img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;border:1px solid var(--cizgi)}