/* ============================================================ Epigraflar
   Kagit dokusu, edebi serif, olculu okur genisligi.                     */

:root{
  --kagit:#f7f4ee; --yuzey:#fffdf9; --yuzey-2:#f1ece2;
  --murekkep:#1b1917; --sogurt:#5d554c; --silik:#706859;
  --cizgi:#e4ddd1; --cizgi-koyu:#d3cabb;
  --vurgu:#8a5528; --vurgu-arka:#f0e5d5; --vurgu-parlak:#a8703c;
  --golge:0 1px 2px rgba(40,30,18,.05), 0 8px 24px -12px rgba(40,30,18,.18);
  --olcu:44rem; --genis:64rem;
  --serif:"Newsreader",Georgia,"Iowan Old Style","Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]){
    --kagit:#131210; --yuzey:#1b1916; --yuzey-2:#232019;
    --murekkep:#ece7dd; --sogurt:#a79e90; --silik:#948b7e;
    --cizgi:#2c2822; --cizgi-koyu:#3a352c;
    --vurgu:#d9a35c; --vurgu-arka:#2a2318; --vurgu-parlak:#e8bb7d;
    --golge:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.6);
    color-scheme:dark;
  }
}
:root[data-tema="koyu"]{
  --kagit:#131210; --yuzey:#1b1916; --yuzey-2:#232019;
  --murekkep:#ece7dd; --sogurt:#a79e90; --silik:#948b7e;
  --cizgi:#2c2822; --cizgi-koyu:#3a352c;
  --vurgu:#d9a35c; --vurgu-arka:#2a2318; --vurgu-parlak:#e8bb7d;
  --golge:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.6);
  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(--sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;margin:0}
::selection{background:var(--vurgu-arka);color:var(--murekkep)}

.kabuk{max-width:var(--genis);margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}
.kabuk-dar{max-width:calc(var(--olcu) + 6rem)}
.atla{position:absolute;left:-999px;top:0;background:var(--vurgu);color:#fff;padding:.6rem 1rem;z-index:99}
.atla:focus{left:.5rem;top:.5rem}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:3px}

/* ------------------------------------------------------------ ust bant */
.ust{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--kagit) 86%,transparent);
  backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--cizgi)}
.ust-ic{max-width:var(--genis);margin:0 auto;padding:.55rem clamp(1.1rem,4vw,2rem);
  display:flex;align-items:center;gap:1.25rem}
.marka{display:flex;flex-direction:column;line-height:1.15;margin-right:auto;min-width:0}
.marka-ad{font-family:var(--serif);font-size:1.4rem;letter-spacing:-.02em}
.marka-alt{font-size:.7rem;color:var(--silik);letter-spacing:.02em;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.gezinti{display:flex;gap:1.4rem;font-size:.86rem;letter-spacing:.01em}
.gezinti a{color:var(--sogurt);padding:.35rem 0;position:relative;transition:color .16s}
.gezinti a::after{content:"";position:absolute;left:0;right:0;bottom:.1rem;height:1px;
  background:var(--vurgu);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.gezinti a:hover{color:var(--murekkep)}
.gezinti a:hover::after{transform:scaleX(1)}
.ust-arac{display:flex;gap:.25rem}
.dugme-ikon{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;
  background:transparent;color:var(--sogurt);cursor:pointer;transition:background .16s,color .16s}
.dugme-ikon:hover{background:var(--yuzey-2);color:var(--murekkep)}
.dugme-ikon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.dugme-ikon .gunes{display:none}
:root[data-tema="koyu"] .dugme-ikon .gunes{display:block}
:root[data-tema="koyu"] .dugme-ikon .ay{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]) .dugme-ikon .gunes{display:block}
  :root:not([data-tema="acik"]) .dugme-ikon .ay{display:none}
}
.menu-dug{display:none}
@media (max-width:720px){
  .marka-alt{display:none}
  .menu-dug{display:grid}
  .gezinti{position:absolute;top:100%;left:0;right:0;background:var(--kagit);
    border-bottom:1px solid var(--cizgi);flex-direction:column;gap:0;padding:.4rem 0;
    box-shadow:var(--golge);display:none}
  .gezinti.acik{display:flex}
  .gezinti a{padding:.7rem clamp(1.1rem,4vw,2rem);font-size:.95rem}
  .gezinti a::after{display:none}
}

/* ------------------------------------------------------------ hero */
.hero{border-bottom:1px solid var(--cizgi);background:
  radial-gradient(120% 90% at 82% -20%,var(--vurgu-arka) 0%,transparent 60%)}
.hero-ic{max-width:var(--genis);margin:0 auto;
  padding:clamp(2.6rem,7vw,5rem) clamp(1.1rem,4vw,2rem) clamp(2.4rem,5vw,3.4rem);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,25rem);
  gap:clamp(1.8rem,4.5vw,4rem);align-items:center}
@media (max-width:920px){.hero-ic{grid-template-columns:1fr;gap:2.2rem}}
.hero-etiket{margin:0 0 1.4rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--silik)}
.hero-baslik{font-size:clamp(2.9rem,9vw,5.4rem);line-height:.98;letter-spacing:-.035em;max-width:12ch}
.hero-baslik em{font-style:italic;color:var(--vurgu)}
.hero-metin{margin:1.6rem 0 0;max-width:38ch;font-size:1.02rem;color:var(--sogurt);line-height:1.65}
.hero-sayac{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.4rem}
.hero-sayac a,.hero-sayac button{display:flex;align-items:baseline;gap:.4rem;
  padding:.55rem .95rem;border:1px solid var(--cizgi-koyu);border-radius:999px;background:var(--yuzey);
  font-family:var(--sans);font-size:.8rem;color:var(--sogurt);cursor:pointer;
  transition:border-color .18s,transform .18s,color .18s}
.hero-sayac a:hover,.hero-sayac button:hover{border-color:var(--vurgu);color:var(--murekkep);transform:translateY(-1px)}
.hero-sayac strong{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--murekkep)}

/* ------------------------------------------------------------ serit / cipler */
.serit{max-width:var(--genis);margin:0 auto;padding:1.8rem clamp(1.1rem,4vw,2rem) 0}
.serit-baslik{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--silik);
  font-family:var(--sans);font-weight:500;margin-bottom:.85rem}
.cipler{display:flex;flex-wrap:wrap;gap:.4rem}
.cip{display:inline-flex;align-items:center;gap:.45rem;padding:.34rem .7rem;border-radius:999px;
  background:var(--yuzey-2);font-size:.82rem;color:var(--sogurt);transition:background .16s,color .16s}
.cip span{font-size:.7rem;color:var(--silik);font-variant-numeric:tabular-nums}
.cip:hover{background:var(--vurgu-arka);color:var(--murekkep)}

/* ------------------------------------------------------------ akis / kart */
.akis{max-width:48rem;margin:0 auto;padding:2.6rem 0 1rem}
.kart{display:grid;grid-template-columns:76px 1fr;gap:1.35rem;padding:1.7rem 0;
  border-bottom:1px solid var(--cizgi)}
.kart:last-child{border-bottom:0}
.kart-kapak{display:block;border-radius:3px;overflow:hidden;box-shadow:var(--golge);
  align-self:start;background:var(--yuzey-2);aspect-ratio:2/3}
.kart-kapak img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.kart:hover .kart-kapak img{transform:scale(1.04)}
.kart-govde{min-width:0}
.kart-ust{margin:0 0 .45rem;font-size:.76rem;letter-spacing:.02em;color:var(--silik)}
.kart-ust a{color:var(--vurgu);transition:color .16s}
.kart-ust a:hover{color:var(--vurgu-parlak);text-decoration:underline;text-underline-offset:2px}
.kart-ust .ayrac{color:var(--cizgi-koyu);margin:0 .1rem}
.kart-baslik{font-size:1.42rem;line-height:1.25;margin:0 0 .5rem;letter-spacing:-.018em}
.kart-baslik a{background-image:linear-gradient(var(--vurgu),var(--vurgu));
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .28s ease}
.kart:hover .kart-baslik a{background-size:100% 1px}
.kart-ozet{margin:0 0 .7rem;font-family:var(--serif);font-size:1.02rem;line-height:1.6;color:var(--sogurt)}
.kart-meta{margin:0;font-size:.74rem;color:var(--silik);display:flex;align-items:center;gap:.5rem}
.nokta{color:var(--cizgi-koyu)}
.rozet{font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;padding:.16rem .45rem;
  border-radius:3px;background:var(--yuzey-2);color:var(--sogurt)}
.r-epigraf{background:var(--vurgu-arka);color:var(--vurgu)}
@media (max-width:560px){
  .kart{grid-template-columns:56px 1fr;gap:1rem}
  .kart-baslik{font-size:1.22rem}
}

/* ------------------------------------------------------------ yazi */
.sayfa-basi{padding:clamp(2.6rem,7vw,4.4rem) 0 1.4rem;border-bottom:1px solid var(--cizgi);margin-bottom:.5rem}
.sayfa-basi h1{font-size:clamp(2.1rem,5.5vw,3.1rem);letter-spacing:-.03em}
.sayfa-basi p{margin:.7rem 0 0;color:var(--sogurt);max-width:46ch}

.yazi{padding-top:clamp(2.4rem,6vw,4rem)}
.yazi-bas{max-width:var(--olcu);margin:0 auto}
.yazi-ust{margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.45rem;font-size:.76rem}
.ust-kitap,.ust-yazar{padding:.26rem .62rem;border-radius:999px;border:1px solid var(--cizgi-koyu);
  color:var(--sogurt);transition:border-color .16s,background .16s,color .16s}
.ust-kitap{background:var(--vurgu-arka);border-color:transparent;color:var(--vurgu)}
.ust-kitap:hover,.ust-yazar:hover{border-color:var(--vurgu);color:var(--murekkep)}
.yazi-bas h1{font-size:clamp(2rem,5.4vw,3.05rem);line-height:1.12;letter-spacing:-.032em}
.yazi-meta{margin:1rem 0 0;font-size:.78rem;color:var(--silik);display:flex;flex-wrap:wrap;
  align-items:center;gap:.5rem}
.yazi-kapak{margin:2.6rem auto 0;max-width:190px}
.yazi-kapak img{border-radius:4px;box-shadow:0 2px 6px rgba(40,30,18,.12),0 22px 44px -22px rgba(40,30,18,.5)}

.yazi-govde{max-width:var(--olcu);margin:2.8rem auto 0;font-family:var(--serif);
  font-size:1.16rem;line-height:1.78;color:var(--murekkep);position:relative}
.yazi-govde::before{content:"\201C";position:absolute;top:-2.6rem;left:-2.6rem;
  font-family:var(--serif);font-size:8rem;line-height:1;color:var(--vurgu);opacity:.13;pointer-events:none}
.yazi-govde p{margin:0 0 1.45em}
.yazi-govde p:first-of-type{font-size:1.05em}
.yazi-govde i,.yazi-govde em{font-style:italic}
.yazi-govde a{color:var(--vurgu);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:var(--cizgi-koyu)}
.yazi-govde blockquote{margin:1.8em 0;padding-left:1.3em;border-left:2px solid var(--vurgu-arka);color:var(--sogurt)}
.yazi-govde h3{font-size:1.3em;margin:2em 0 .7em}
.yazi-govde ul,.yazi-govde ol{padding-left:1.3em}
@media (max-width:900px){.yazi-govde::before{display:none}}

.yazi-alt{max-width:var(--olcu);margin:3rem auto 0;padding-top:1.4rem;border-top:1px solid var(--cizgi)}
.yazi-kaynak{margin:0;font-size:.78rem;color:var(--silik)}
.yazi-kaynak a{color:var(--sogurt);text-decoration:underline;text-underline-offset:2px}

.yazi-gezi{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:var(--olcu);
  margin:2.6rem auto 0}
.yg{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;border:1px solid var(--cizgi);
  border-radius:8px;transition:border-color .18s,background .18s;min-width:0}
a.yg:hover{border-color:var(--vurgu);background:var(--yuzey)}
.yg span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--silik)}
.yg strong{font-family:var(--serif);font-size:.98rem;font-weight:400;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yg-sonraki{text-align:right;align-items:flex-end}
@media (max-width:560px){.yazi-gezi{grid-template-columns:1fr}}

.ilgili{margin:4rem auto 0;max-width:48rem;border-top:1px solid var(--cizgi);padding-top:.6rem}
.ilgili h2{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--silik);font-weight:500;margin:1.6rem 0 0}

/* ------------------------------------------------------------ dizinler */
.dizin{padding:2.4rem 0 1rem;display:grid;gap:2.6rem}
.dizin-grup{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;align-items:start}
.dizin-harf{font-size:1.9rem;color:var(--vurgu);opacity:.5;line-height:1;position:sticky;top:5rem}
.dizin-liste{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:0 1.6rem}
.dizin-liste a{display:flex;align-items:center;gap:.75rem;padding:.45rem 0;
  border-bottom:1px solid var(--cizgi);transition:color .16s}
.dizin-liste a:hover{color:var(--vurgu)}
.dz-ad{font-family:var(--serif);font-size:1.06rem;flex:1;min-width:0;line-height:1.3}
.dz-say{font-size:.72rem;color:var(--silik);font-variant-numeric:tabular-nums}

/* dizin kupurleri: kitapta kapak, yazarda portre ya da monogram */
.dz-gorsel{flex:none;display:block;background:var(--yuzey-2)}
.dz-kapak{width:36px;height:54px;object-fit:cover;border-radius:2px;
  box-shadow:0 1px 2px rgba(40,30,18,.12),0 4px 10px -6px rgba(40,30,18,.4)}
.dz-portre{width:36px;height:36px;object-fit:cover;border-radius:50%;
  filter:grayscale(1) contrast(1.02);transition:filter .25s}
.dizin-liste a:hover .dz-portre{filter:grayscale(0)}
.dz-monogram{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--serif);font-size:.82rem;letter-spacing:.02em;color:var(--silik);
  background:var(--yuzey-2);border:1px solid var(--cizgi)}
.dizin-kitap .dizin-liste{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.dizin-kitap .dizin-harf{top:5.5rem}
@media (max-width:560px){
  .dizin-grup{grid-template-columns:1fr;gap:.2rem}
  .dizin-harf{position:static;font-size:1.4rem}
}

.eksen-bas{display:flex;gap:1.6rem;align-items:center;padding:clamp(2.4rem,6vw,3.8rem) 0 1.6rem;
  border-bottom:1px solid var(--cizgi)}
.eksen-kapak{width:82px;border-radius:3px;box-shadow:var(--golge);flex:none;aspect-ratio:2/3;object-fit:cover}
.eksen-portre{width:104px;height:104px;flex:none;border-radius:50%;object-fit:cover;
  box-shadow:var(--golge);background:var(--yuzey-2)}
.eksen-monogram{display:grid;place-items:center;font-family:var(--serif);font-size:2.1rem;
  color:var(--silik);border:1px solid var(--cizgi);box-shadow:none}
.portre-kunye{margin:.7rem 0 0;font-size:.72rem;color:var(--silik)}
.portre-kunye a{color:var(--sogurt);text-decoration:underline;text-underline-offset:2px}
@media (max-width:560px){
  .eksen-portre{width:74px;height:74px}
  .eksen-monogram{font-size:1.5rem}
}
.eksen-tur{margin:0 0 .35rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--silik)}
.eksen-bas h1{font-size:clamp(1.9rem,5vw,2.9rem);letter-spacing:-.03em;line-height:1.1}
.eksen-say{margin:.5rem 0 0;font-size:.85rem;color:var(--sogurt)}

/* ------------------------------------------------------------ arsiv */
.arsiv{padding:2.2rem 0 1rem;display:grid;gap:2.8rem}
.arsiv-yil h2{display:flex;align-items:baseline;gap:.7rem;font-size:1.7rem;color:var(--murekkep);
  padding-bottom:.6rem;border-bottom:1px solid var(--cizgi)}
.arsiv-yil h2 em{font-style:normal;font-family:var(--sans);font-size:.7rem;color:var(--silik);
  letter-spacing:.1em;text-transform:uppercase}
.arsiv-liste{list-style:none;margin:.4rem 0 0;padding:0}
.arsiv-liste a{display:grid;grid-template-columns:3.4rem 1fr auto;gap:1rem;align-items:baseline;
  padding:.62rem 0;border-bottom:1px solid var(--cizgi);transition:color .16s}
.arsiv-liste a:hover{color:var(--vurgu)}
.ar-gun{font-size:.74rem;color:var(--silik);font-variant-numeric:tabular-nums}
.ar-ad{font-family:var(--serif);font-size:1.04rem;line-height:1.35}
.ar-et{font-size:.74rem;color:var(--silik);text-align:right;max-width:20ch;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){
  .arsiv-liste a{grid-template-columns:3rem 1fr}
  .ar-et{display:none}
}

/* ------------------------------------------------------------ duz metin / 404 */
.duz-metin{max-width:var(--olcu);margin:2.4rem auto 0;font-family:var(--serif);font-size:1.08rem;line-height:1.75}
.duz-metin h2{font-size:1.45rem;margin:2.4rem 0 .8rem}
.duz-metin a{color:var(--vurgu);text-decoration:underline;text-underline-offset:3px}
.duz-metin ul{padding-left:1.2em}
.duz-metin li{margin-bottom:.4em}
.duz-metin kbd{font-family:var(--sans);font-size:.8em;padding:.1em .4em;border:1px solid var(--cizgi-koyu);
  border-radius:4px;background:var(--yuzey-2)}
.hata-yollar{display:flex;gap:.6rem;margin-top:1.6rem!important}
.dugme{display:inline-block;padding:.6rem 1.1rem;border-radius:999px;background:var(--murekkep);
  color:var(--kagit);font-size:.85rem;font-family:var(--sans)}
.dugme-sade{background:transparent;color:var(--sogurt);border:1px solid var(--cizgi-koyu)}

/* ------------------------------------------------------------ sayfalayici */
.sayfalayici{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  max-width:48rem;margin:1rem auto 0;padding:1.6rem 0 0;border-top:1px solid var(--cizgi)}
.sf-ok{padding:.55rem 1rem;border:1px solid var(--cizgi-koyu);border-radius:999px;font-size:.84rem;
  color:var(--sogurt);transition:border-color .18s,color .18s}
.sf-ok:hover{border-color:var(--vurgu);color:var(--murekkep)}
.sf-ok.pasif{opacity:.32;pointer-events:none}
.sf-durum{font-size:.78rem;color:var(--silik);font-variant-numeric:tabular-nums}

/* ------------------------------------------------------------ arama */
.ara-katman{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--kagit) 74%,transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:clamp(1rem,8vh,6rem) 1rem 1rem;
  display:flex;justify-content:center;align-items:flex-start}
.ara-katman[hidden]{display:none}
.ara-kutu{width:min(42rem,100%);background:var(--yuzey);border:1px solid var(--cizgi-koyu);
  border-radius:14px;box-shadow:0 30px 70px -30px rgba(30,22,12,.55);overflow:hidden;
  display:flex;flex-direction:column;max-height:min(34rem,84vh);
  animation:yuksel .22s cubic-bezier(.2,.7,.3,1)}
@keyframes yuksel{from{opacity:0;transform:translateY(10px)}}
#ara-girdi{width:100%;border:0;border-bottom:1px solid var(--cizgi);background:transparent;
  padding:1.1rem 1.3rem;font-family:var(--serif);font-size:1.2rem;color:var(--murekkep);outline:0}
#ara-girdi::placeholder{color:var(--silik)}
.ara-sonuc{overflow-y:auto;padding:.5rem}
.ara-ipucu{margin:0;padding:1.4rem;font-size:.85rem;color:var(--silik);text-align:center}
.ara-oge{display:grid;grid-template-columns:34px 1fr;gap:.9rem;padding:.7rem .8rem;border-radius:8px;
  align-items:start;transition:background .14s}
.ara-oge:hover,.ara-oge.secili{background:var(--vurgu-arka)}
.ara-oge img{width:34px;aspect-ratio:2/3;object-fit:cover;border-radius:2px}
.ara-ad{font-family:var(--serif);font-size:1rem;line-height:1.3;margin:0 0 .18rem}
.ara-alt{margin:0;font-size:.74rem;color:var(--silik)}
.ara-parca{margin:.3rem 0 0;font-size:.8rem;color:var(--sogurt);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ara-parca mark{background:transparent;color:var(--vurgu);font-weight:500}

/* ------------------------------------------------------------ alt bant */
.alt{margin-top:5rem;border-top:1px solid var(--cizgi);background:var(--yuzey)}
.alt-ic{max-width:var(--genis);margin:0 auto;padding:2.6rem clamp(1.1rem,4vw,2rem) 3rem}
.alt-ad{font-family:var(--serif);font-size:1.25rem;margin:0 0 .4rem}
.alt-not{margin:0;font-size:.8rem;color:var(--silik);max-width:48ch;line-height:1.6}
.alt-gez{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.4rem;font-size:.8rem}
.alt-gez a{color:var(--sogurt);transition:color .16s}
.alt-gez a:hover{color:var(--vurgu)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.kunye-liste{list-style:none;padding:0;margin:1.2rem 0 0;font-family:var(--sans);font-size:.8rem;
  line-height:1.5;columns:2;column-gap:2rem}
.kunye-liste li{margin:0 0 .55rem;break-inside:avoid;color:var(--silik)}
.kunye-liste strong{font-weight:500;color:var(--sogurt)}
@media (max-width:640px){.kunye-liste{columns:1}}

/* kitap dizininde baslik altindaki yazar adi */
.dz-yazar{display:block;font-family:var(--sans);font-size:.74rem;color:var(--silik);
  margin-top:.08rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dizin-liste a:hover .dz-yazar{color:var(--sogurt)}
.eksen-yazar{margin:.4rem 0 0;font-size:.95rem}
.eksen-yazar a{color:var(--vurgu);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--cizgi-koyu)}
.eksen-yazar a:hover{text-decoration-color:var(--vurgu)}

/* ============================================================ giris bantlari */

/* --- hero'daki donen alinti karti (sag sutun) */
.hero-alinti{position:relative;margin:0;padding:1.75rem 1.7rem 1.5rem;border-radius:14px;
  background:var(--yuzey);border:1px solid var(--cizgi);box-shadow:var(--golge);
  display:grid;gap:.95rem;align-content:start;min-height:19.5rem;overflow:hidden;cursor:pointer;
  transition:border-color .25s,transform .25s cubic-bezier(.2,.7,.3,1)}
.hero-alinti:hover{border-color:var(--cizgi-koyu);transform:translateY(-2px)}
.hero-alinti::before{content:"\201C";position:absolute;top:-1.2rem;right:.6rem;
  font-family:var(--serif);font-size:7rem;line-height:1;color:var(--vurgu);opacity:.11;pointer-events:none}
.hd-kapak{width:52px;height:78px;border-radius:3px;overflow:hidden;background:var(--yuzey-2);
  box-shadow:0 1px 3px rgba(40,30,18,.18),0 8px 16px -10px rgba(40,30,18,.5)}
.hd-kapak img{width:100%;height:100%;object-fit:cover}
.hd-kapak[hidden]{display:none}
.hd-govde{margin:0}
.hd-metin{margin:0;font-family:var(--serif);font-size:1.08rem;line-height:1.62;
  font-style:italic;color:var(--murekkep);opacity:0;transition:opacity .45s ease}
.hd-kunye{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem;
  font-size:.76rem;color:var(--silik);opacity:0;transition:opacity .45s ease}
.hd-kunye cite{font-style:normal}
.hd-git{color:var(--vurgu);white-space:nowrap}
.hd-git:hover{text-decoration:underline;text-underline-offset:3px}
.hero-alinti.gorunur .hd-metin,.hero-alinti.gorunur .hd-kunye{opacity:1}
.hd-cubuk{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--yuzey-2)}
.hd-cubuk i{display:block;height:100%;width:0;background:var(--vurgu);opacity:.55}
.hd-cubuk.calisiyor i{animation:dolum var(--bekle,7s) linear forwards}
@keyframes dolum{from{width:0}to{width:100%}}
@media (max-width:920px){.hero-alinti{min-height:16rem}}

/* --- kapak duvari: iki sira, ters yonlerde suzulur */
.duvar{padding:2.8rem 0 2.4rem;border-bottom:1px solid var(--cizgi);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.duvar-sira{display:flex;width:max-content;animation:kaydir var(--sure,84s) linear infinite}
.duvar-sira.ters{animation-direction:reverse}
.duvar-kopya{display:contents}
@keyframes kaydir{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.duvar:hover .duvar-sira,.duvar:focus-within .duvar-sira{animation-play-state:paused}
.duvar-oge{flex:none;margin-right:.65rem;margin-bottom:.65rem;display:block;width:54px;height:81px;
  border-radius:3px;overflow:hidden;background:var(--yuzey-2);
  box-shadow:0 1px 2px rgba(40,30,18,.14),0 6px 14px -8px rgba(40,30,18,.45);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}
.duvar-oge img{width:100%;height:100%;object-fit:cover}
.duvar-oge:hover{transform:translateY(-5px) scale(1.06);
  box-shadow:0 3px 8px rgba(40,30,18,.2),0 16px 30px -14px rgba(40,30,18,.6)}
@media (max-width:560px){.duvar-oge{width:44px;height:66px}}

/* --- yazar bulutu: daire boyu alinti sayisiyla buyur */
.bulut-bant{padding-top:2.8rem;padding-bottom:.5rem}
.serit-baslik span{text-transform:none;letter-spacing:0;color:var(--silik);font-weight:400}
.bulut{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;
  max-width:54rem;margin:1.4rem auto 0}
.bulut>a{position:relative;width:var(--boy);height:var(--boy);flex:none;border-radius:50%;
  transition:transform .28s cubic-bezier(.2,.7,.3,1);will-change:transform}
.bulut>a:hover{transform:scale(1.14);z-index:5}
.bulut img{width:100%;height:100%;border-radius:50%;object-fit:cover;
  filter:grayscale(1) contrast(1.03);transition:filter .3s;
  box-shadow:0 1px 3px rgba(40,30,18,.18)}
.bulut>a:hover img{filter:grayscale(0)}
.bulut-monogram{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;
  font-family:var(--serif);font-size:.8rem;color:var(--silik);background:var(--yuzey-2);
  border:1px solid var(--cizgi)}
.bulut-ad{position:absolute;top:calc(100% + .45rem);left:50%;transform:translateX(-50%);
  display:flex;align-items:baseline;gap:.35rem;padding:.24rem .55rem;border-radius:999px;
  background:var(--murekkep);color:var(--kagit);font-size:.72rem;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .2s;z-index:6}
.bulut-ad em{font-style:normal;opacity:.6;font-size:.66rem}
.bulut>a:hover .bulut-ad,.bulut>a:focus-visible .bulut-ad{opacity:1}
.bulut-alt{text-align:center;margin:2.2rem 0 0}

@media (prefers-reduced-motion:reduce){
  .duvar{-webkit-mask-image:none;mask-image:none;overflow-x:auto}
  .duvar-sira{animation:none}
  .duvar-kopya{display:none}
  .hd-metin,.hd-kunye{opacity:1}
  .hd-cubuk{display:none}
}
.bulut-daha{display:grid;place-items:center;border-radius:50%;background:var(--vurgu-arka);
  border:1px dashed var(--cizgi-koyu);font-family:var(--sans);font-size:.8rem;color:var(--vurgu);
  font-variant-numeric:tabular-nums}
.bulut-daha:hover{background:var(--vurgu);color:var(--kagit);border-color:transparent}

/* duvarin klavye ile erisilebilir cikisi */
.duvar-cikis{max-width:var(--genis);margin:1.4rem auto 0;padding:0 clamp(1.1rem,4vw,2rem);
  text-align:center;font-size:.82rem}
.duvar-cikis a{color:var(--sogurt);border-bottom:1px solid var(--cizgi-koyu);padding-bottom:.15rem}
.duvar-cikis a:hover{color:var(--vurgu);border-color:var(--vurgu)}

/* ============================================================ baski */
@media print{
  :root{--kagit:#fff;--yuzey:#fff;--yuzey-2:#fff;--murekkep:#000;--sogurt:#333;
        --silik:#555;--cizgi:#ccc;--cizgi-koyu:#999;--vurgu:#000;--golge:none}
  .ust,.alt,.duvar,.bulut-bant,.serit,.hero-sayac,.sayfalayici,.yazi-gezi,.ilgili,
  .ara-katman,.atla,.hero-alinti,.kart-kapak,.dz-gorsel,.eksen-portre,.eksen-kapak{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .kabuk,.kabuk-dar,.yazi-govde,.yazi-bas,.yazi-alt,.duz-metin{max-width:none;padding:0;margin:0}
  .yazi-govde{font-size:11.5pt;line-height:1.6}
  .yazi-govde::before{display:none}
  .yazi-kapak{max-width:130px;margin:0 0 1rem}
  .hero{border:0;background:none}
  .hero-ic{display:block;padding:0}
  .hero-baslik{font-size:28pt}
  a{color:#000;text-decoration:none}
  .yazi-govde a::after{content:" (" attr(href) ")";font-size:9pt;color:#555;word-break:break-all}
  .kart{break-inside:avoid;page-break-inside:avoid;grid-template-columns:1fr}
  .yazi{break-inside:auto}
  h1,h2,h3{break-after:avoid;page-break-after:avoid}
  .rozet{border:1px solid #999}
}

.eksen-giris{max-width:48rem;margin:1.6rem auto 0;font-family:var(--serif);font-size:1.04rem;
  line-height:1.65;color:var(--sogurt)}
.eksen-giris strong{font-weight:500;color:var(--murekkep)}
.eksen-giris a{color:var(--vurgu);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--cizgi-koyu)}
.eksen-giris a:hover{text-decoration-color:var(--vurgu)}

/* /ara/ sayfasi */
.gorsel-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ara-sayfa{max-width:var(--olcu);margin:2rem auto 0}
#ara-sayfa-girdi{width:100%;padding:.95rem 1.15rem;border:1px solid var(--cizgi-koyu);border-radius:10px;
  background:var(--yuzey);font-family:var(--serif);font-size:1.1rem;color:var(--murekkep);outline:0}
#ara-sayfa-girdi:focus{border-color:var(--vurgu)}
#ara-sayfa-girdi::placeholder{color:var(--silik)}
.ara-sayfa-sonuc{margin-top:1.2rem}
.ara-sayi{margin:0 0 .6rem;font-size:.78rem;color:var(--silik)}
.ara-sayfa-sonuc .ara-oge{border-bottom:1px solid var(--cizgi);border-radius:0}
.ara-sayfa-sonuc .ara-oge:hover{background:var(--yuzey)}

/* Sitenin kendi epigrafi (Hakkinda sayfasi) */
.epigraf{max-width:var(--olcu);margin:2.6rem auto 0;padding:0 0 0 1.2rem;
  border-left:2px solid var(--vurgu-arka)}
.epigraf blockquote{margin:0}
.epigraf blockquote p{margin:0;font-family:var(--serif);font-style:italic;
  font-size:clamp(1.3rem,3.4vw,1.7rem);line-height:1.35;letter-spacing:-.01em;color:var(--murekkep)}
.epigraf figcaption{margin:.7rem 0 0;font-size:.76rem;letter-spacing:.04em;color:var(--silik)}
.epigraf + .duz-metin{margin-top:2.4rem}

/* ============================================================ yorumlar */
.yorumlar{max-width:var(--olcu);margin:4rem auto 0;padding-top:1.6rem;
  border-top:1px solid var(--cizgi)}
.yorumlar h2{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--silik);font-weight:500;margin:0}
.yorum-liste{margin:1.4rem 0 0}
.yorum{padding:1rem 0 1.1rem 1.1rem;border-bottom:1px solid var(--cizgi);
  border-left:2px solid var(--vurgu-arka);transition:border-left-color .2s}
.yorum:last-child{border-bottom:0}
.yorum:hover{border-left-color:var(--vurgu)}
.y-ust{margin:0 0 .35rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;
  font-size:.76rem;color:var(--silik)}
.y-ad{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--murekkep);
  letter-spacing:-.005em}
.y-metin{margin:0;font-family:var(--serif);font-size:1.02rem;line-height:1.65;
  color:var(--sogurt);white-space:pre-wrap;overflow-wrap:anywhere}

/* defterin sahibinin kendi yanitlari ayirt edilsin */
.yorum.sahip{border-left-color:var(--vurgu);background:
  linear-gradient(90deg,var(--vurgu-arka),transparent 65%)}
.y-sahip{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;
  padding:.14rem .45rem;border-radius:3px;background:var(--vurgu);color:var(--kagit)}
.yorum-yok{margin:1.2rem 0 0;font-size:.88rem;color:var(--silik)}

.yorum-form{margin:2.4rem 0 0;padding:1.5rem;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:12px}
.yf-satir{margin:0 0 1rem;display:flex;flex-direction:column;gap:.35rem}
.yf-satir label{font-size:.78rem;color:var(--sogurt)}
.yf-satir label em{font-style:normal;color:var(--silik)}
.yf-satir label span{color:var(--vurgu)}
.yorum-form input,.yorum-form textarea{width:100%;padding:.6rem .75rem;
  border:1px solid var(--cizgi-koyu);border-radius:8px;background:var(--kagit);
  color:var(--murekkep);font-family:var(--serif);font-size:1rem;outline:0}
.yorum-form textarea{resize:vertical;min-height:6rem;line-height:1.55}
.yorum-form input:focus,.yorum-form textarea:focus{border-color:var(--vurgu)}
.yf-turnstile{margin:0 0 1rem;min-height:0}
.yf-turnstile:not(:empty){min-height:70px}
.yf-alt{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}
.yorum-form button{padding:.6rem 1.4rem;border:0;border-radius:999px;
  background:var(--murekkep);color:var(--kagit);font-family:var(--sans);
  font-size:.88rem;cursor:pointer;transition:opacity .18s}
.yorum-form button:hover{opacity:.85}
.yorum-form button[disabled]{opacity:.45;cursor:default}
.yf-not{font-size:.76rem;color:var(--silik)}
.yf-durum{margin:.9rem 0 0;font-size:.85rem;min-height:1.2em}
.yf-durum.olumlu{color:var(--vurgu)}
.yf-durum.olumsuz{color:#a3372a}
:root[data-tema="koyu"] .yf-durum.olumsuz{color:#e08b7d}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="acik"]) .yf-durum.olumsuz{color:#e08b7d}
}
@media print{.yorumlar,.yorum-form{display:none!important}}