/* ==========================================================================
   CANAVAR — tasarım katmanı
   tailwind.css'ten SONRA yüklenir. Thymeleaf/HTMX mantığına dokunmaz.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;700;800;900&family=Space+Grotesk:wght@400;500;700&family=DM+Mono:wght@400;500&family=Caveat:wght@700&subset=latin-ext&display=swap");

:root{
  --cnv-kagit:#EDE5CB;
  --cnv-kagit-2:#E4DBBE;
  --cnv-kart:#F3EDDA;
  --cnv-murekkep:#15140F;
  --cnv-yesil:#2C6B33;
  --cnv-kirmizi:#8E211C;

  --cnv-zemin:var(--cnv-kagit);
  --cnv-yazi:var(--cnv-murekkep);
  --cnv-yuzey:var(--cnv-kart);
  --cnv-cizgi:rgba(21,20,15,.28);
  --cnv-sessiz:rgba(21,20,15,.62);
  --cnv-vurgu:var(--cnv-kirmizi);
  --cnv-baslik:var(--cnv-yesil);
  --cnv-golge:rgba(21,20,15,.22);

  --cnv-maks:1720px;
  --cnv-pad:clamp(1.1rem,4.5vw,5rem);
}

body[data-theme="dark"]{
  --cnv-zemin:#0D0E0A;
  --cnv-yazi:#EDE5CB;
  --cnv-yuzey:#17190F;
  --cnv-kagit-2:#121409;
  --cnv-kart:#17190F;
  --cnv-cizgi:rgba(237,229,203,.24);
  --cnv-sessiz:rgba(237,229,203,.62);
  --cnv-vurgu:#D8483F;
  --cnv-baslik:#4E9E52;
  --cnv-golge:rgba(0,0,0,.6);
}

/* ==========================================================================
   1. TON BİRLİĞİ — beyaz/gri yüzey bırakma
   ========================================================================== */
[class*="bg-white"],[class*="bg-gray-"],[class*="bg-slate-"],[class*="bg-zinc-"],
[class*="bg-neutral-"],[class*="bg-black"],[class*="bg-[#"]{
  background-color:var(--cnv-yuzey)!important;
}
[class*="border-gray-"],[class*="border-slate-"],[class*="border-zinc-"],
[class*="border-neutral-"]{border-color:var(--cnv-cizgi)!important}
[class*="text-gray-"],[class*="text-slate-"],[class*="text-zinc-"],
[class*="text-neutral-"]{color:var(--cnv-sessiz)!important}
[class*="text-white"]{color:var(--cnv-yazi)!important}
[class*="text-red-"]{color:var(--cnv-vurgu)!important}
[class*="text-yellow-"]{color:var(--cnv-yazi)!important}

body,body[class]{
  background:var(--cnv-zemin)!important;
  color:var(--cnv-yazi)!important;
  font-family:"Space Grotesk",system-ui,sans-serif!important;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:80;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/></svg>");
  opacity:.12;mix-blend-mode:multiply;
}
body[data-theme="dark"]::after{mix-blend-mode:screen;opacity:.06}
body.reader-fullscreen::after{display:none}

/* eski dekoratif katmanlar */
body > div.absolute.inset-0,
body > div.absolute.top-0{display:none!important}

::selection{background:var(--cnv-kirmizi);color:var(--cnv-kagit)}

/* ==========================================================================
   2. TİPOGRAFİ
   ========================================================================== */
h1,h2,h3,.cnv-afis{
  font-family:"Big Shoulders Display","Arial Narrow",sans-serif!important;
  font-weight:900!important;line-height:.94!important;text-transform:uppercase;
  letter-spacing:-.005em!important;
}
.cnv-mono{
  font-family:"DM Mono",ui-monospace,monospace!important;
  font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cnv-sessiz)!important;
}
.cnv-kalem{font-family:"Caveat",cursive!important;font-weight:700!important;text-transform:none!important}

.cnv-kayma{position:relative;display:inline-block;color:var(--cnv-baslik)}
.cnv-kayma::before{
  content:attr(data-yazi);position:absolute;left:0;top:0;
  color:var(--cnv-kirmizi);transform:translate(5px,4px);opacity:.72;
  mix-blend-mode:multiply;z-index:-1;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
body[data-theme="dark"] .cnv-kayma::before{mix-blend-mode:screen;opacity:.85}
.cnv-kayma:hover::before{transform:translate(0,0)}

/* ==========================================================================
   3. YERLEŞİM
   ========================================================================== */
.cnv-sar{width:100%;max-width:var(--cnv-maks);margin-inline:auto;padding-inline:var(--cnv-pad)}
main.page-enter{max-width:var(--cnv-maks)!important;padding-inline:var(--cnv-pad)!important;width:100%}

/* ---------- üst bar ---------- */
.cnv-ust{
  border-bottom:1px solid var(--cnv-cizgi)!important;
  background:var(--cnv-zemin);position:sticky;top:0;z-index:40;
}
.cnv-ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.8rem 0}
.cnv-ust-ic .cnv-logo{flex:none;display:inline-flex}
.cnv-ust-ic .cnv-logo img{height:54px;width:auto;object-fit:contain}
.cnv-menu{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;justify-content:flex-end}
.cnv-menu a.cnv-bag{
  text-decoration:none;color:var(--cnv-yazi);font-size:1rem;font-weight:500;
  padding:.35rem 0;border-bottom:2px solid transparent;transition:.18s;white-space:nowrap;
  background:transparent!important;
}
.cnv-menu a.cnv-bag:hover,.cnv-menu a.cnv-bag:focus-visible{color:var(--cnv-baslik);border-color:var(--cnv-baslik)}

/* yuvarlak ikon düğmeleri (tema, profil) */
.cnv-menu form button,
.cnv-menu > div > button,
.cnv-ikon{
  background:transparent!important;color:var(--cnv-yazi)!important;
  border:1px solid var(--cnv-cizgi)!important;border-radius:999px!important;
  min-width:42px;height:42px;display:inline-flex!important;align-items:center;justify-content:center;
  padding:0 .35rem!important;box-shadow:none!important;backdrop-filter:none!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.cnv-menu form button:hover,.cnv-ikon:hover,.cnv-menu > div > button:hover{
  background:var(--cnv-kirmizi)!important;border-color:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;
  transform:translateY(-2px);
}
.cnv-menu form button svg,.cnv-menu > div > button svg{color:inherit!important;fill:currentColor}

/* yazar açılır menüsü — ton farkı düzeltmesi */
.cnv-menu [x-show="open"]{
  background:var(--cnv-yuzey)!important;border:1.5px solid var(--cnv-yazi)!important;
  border-radius:0!important;box-shadow:6px 7px 0 var(--cnv-golge)!important;overflow:hidden;
}
.cnv-menu [x-show="open"] a,
.cnv-menu [x-show="open"] button{
  color:var(--cnv-yazi)!important;background:transparent!important;
  font-family:"Space Grotesk",sans-serif;font-size:.9rem;border-radius:0!important;
  border:0!important;height:auto;min-width:0;padding:.7rem 1rem!important;justify-content:flex-start!important;
}
.cnv-menu [x-show="open"] a:hover,
.cnv-menu [x-show="open"] button:hover{background:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;transform:none}
.cnv-menu [x-show="open"] .border-t{border-color:var(--cnv-cizgi)!important}

/* ==========================================================================
   4. HERO
   ========================================================================== */
.cnv-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 0 4.5rem}
.cnv-hero h1{font-size:clamp(3rem,7.4vw,7rem);color:var(--cnv-baslik);margin:0 0 2.2rem}
.cnv-hero h1 .cnv-kayma{display:block}
.cnv-hero-alt{
  max-width:46ch;color:var(--cnv-sessiz);border-left:3px solid var(--cnv-kirmizi);
  padding-left:.9rem;margin:-1.2rem 0 1.8rem;font-size:1rem;
}
.cnv-dugmeler{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.cnv-dg{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;
  font-family:"DM Mono",ui-monospace,monospace;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.85rem 1.6rem;border-radius:999px;min-height:46px;
  background:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;border:1.5px solid var(--cnv-kirmizi)!important;
  transition:transform .18s ease,box-shadow .18s ease;
}
.cnv-dg:hover,.cnv-dg:focus-visible{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--cnv-yesil)}
.cnv-dg:active{transform:none;box-shadow:none}
.cnv-dg-bos{background:transparent!important;color:var(--cnv-yazi)!important;border-color:var(--cnv-yazi)!important}
.cnv-dg-bos:hover{box-shadow:5px 5px 0 var(--cnv-kirmizi)}

.cnv-kapak{position:relative;justify-self:end;width:100%;max-width:560px;margin:0}
.cnv-kapak-ic{
  position:relative;background:var(--cnv-kart);padding:14px;border:1px solid var(--cnv-cizgi);
  box-shadow:0 6px 0 -2px rgba(21,20,15,.10),0 26px 55px -12px rgba(21,20,15,.45);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
}
body[data-theme="dark"] .cnv-kapak-ic{box-shadow:0 6px 0 -2px rgba(0,0,0,.5),0 26px 55px -12px rgba(0,0,0,.8)}
.cnv-kapak:hover .cnv-kapak-ic{transform:translateY(-8px);box-shadow:0 8px 0 -2px rgba(21,20,15,.12),0 38px 70px -14px rgba(21,20,15,.5)}
.cnv-kapak-ic img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;object-position:top center}

/* ==========================================================================
   5. BÖLÜM AYRIMI + BAŞLIK
   ========================================================================== */
.cnv-ayrim{position:relative;border-top:1.5px solid var(--cnv-yazi);margin-top:1rem}
.cnv-ayrim span{
  position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  background:var(--cnv-zemin);padding:0 1.1rem;white-space:nowrap;
  font-family:"DM Mono",monospace;font-size:.6rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--cnv-sessiz);
}
html{scroll-behavior:smooth}
.cnv-arsiv{background:var(--cnv-kagit-2);border-bottom:1.5px solid var(--cnv-yazi);padding-top:3.2rem;scroll-margin-top:78px}
.cnv-arsiv .cnv-ayrim span{background:var(--cnv-kagit-2)}
.cnv-bolum-bas{font-size:clamp(2.2rem,5vw,4rem);color:var(--cnv-baslik);margin:0 0 .5rem}
.cnv-cizgi{border:0;border-top:1px solid var(--cnv-cizgi);margin:0 0 1.6rem}

/* ==========================================================================
   6. ARAMA + KATEGORİLER
   ========================================================================== */
.cnv-arac{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:center;margin-bottom:2.4rem}
input[name="search"]{
  width:100%!important;background:transparent!important;border:0!important;
  border-bottom:1.5px solid var(--cnv-yazi)!important;border-radius:0!important;
  padding:.55rem 2rem .55rem .2rem!important;
  font-family:"Space Grotesk",sans-serif!important;font-size:1rem!important;
  color:var(--cnv-baslik)!important;box-shadow:none!important;
}
input[name="search"]::placeholder{color:var(--cnv-baslik)!important;opacity:.75}
input[name="search"]:focus{outline:none!important;border-color:var(--cnv-kirmizi)!important}

.cnv-kategoriler{display:flex;gap:.5rem;flex-wrap:wrap;background:transparent!important;padding:0}
.cnv-kategoriler a{
  text-decoration:none;cursor:pointer;white-space:nowrap;
  background:var(--cnv-kart)!important;border:1px solid var(--cnv-cizgi)!important;border-radius:2px!important;
  color:var(--cnv-yazi)!important;
  font-family:"DM Mono",monospace!important;font-size:.66rem!important;letter-spacing:.12em;
  text-transform:uppercase;padding:.6rem .9rem!important;line-height:1;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.cnv-kategoriler a:hover{border-color:var(--cnv-yazi)!important}
.cnv-kategoriler a.cnv-secili{
  background:var(--cnv-kirmizi)!important;border-color:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;
}

/* ==========================================================================
   7. YAZI KARTLARI
   ========================================================================== */
.article-card{
  background:var(--cnv-yuzey)!important;
  border:1px solid var(--cnv-cizgi)!important;border-radius:0!important;
  box-shadow:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.article-card:hover{
  transform:translate(-3px,-3px)!important;border-color:var(--cnv-yesil)!important;
  box-shadow:7px 8px 0 var(--cnv-kirmizi)!important;
}
.article-card .aspect-video{border-bottom:1px solid var(--cnv-cizgi)}
.article-card img{filter:grayscale(.15) contrast(1.08)}
.article-card .absolute.inset-0{display:none!important}
.article-card span[class*="rounded-full"]{
  border-radius:2px!important;background:var(--cnv-kagit)!important;
  color:var(--cnv-kirmizi)!important;border:1px solid var(--cnv-kirmizi)!important;
  font-family:"DM Mono",monospace!important;font-size:.58rem!important;letter-spacing:.12em;
  text-transform:uppercase;backdrop-filter:none!important;
}
.article-card h3{font-size:1.65rem!important;line-height:.98!important;color:var(--cnv-baslik)!important;margin-bottom:.45rem!important}
.article-card:hover h3{color:var(--cnv-kirmizi)!important}
.article-card p:nth-of-type(1){
  font-family:"Caveat",cursive!important;font-size:1.3rem!important;font-weight:700!important;
  color:var(--cnv-vurgu)!important;letter-spacing:0!important;line-height:1!important;margin-bottom:.6rem!important;
}
.article-card p:nth-of-type(2){color:var(--cnv-sessiz)!important;font-size:.9rem!important}
.article-card .border-t{
  border-color:var(--cnv-cizgi)!important;font-family:"DM Mono",monospace!important;
  font-size:.6rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--cnv-sessiz)!important;
}

#search-results a[class*="rounded-2xl"]{
  background:var(--cnv-yuzey)!important;border:1px solid var(--cnv-cizgi)!important;
  border-radius:0!important;box-shadow:none!important;
}
#search-results a[class*="rounded-2xl"]:hover{border-color:var(--cnv-yesil)!important;transform:translate(-3px,-3px)}
#search-results a[class*="rounded-2xl"] p:first-child{
  font-family:"Big Shoulders Display",sans-serif!important;font-weight:800!important;
  text-transform:uppercase;font-size:1.4rem!important;color:var(--cnv-baslik)!important;
}

/* ==========================================================================
   8. FANZİN KARTLARI
   ========================================================================== */
.cnv-raf{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2.6rem 2rem}
.cnv-sayi{background:transparent!important;border:0!important;box-shadow:none!important}
.cnv-sayi a{display:block;text-decoration:none;color:inherit}
.cnv-sayi-kapak{
  position:relative;aspect-ratio:3/4;overflow:hidden;
  border:1px solid var(--cnv-cizgi);background:var(--cnv-kart);
  box-shadow:0 4px 0 -1px rgba(21,20,15,.10),0 20px 40px -14px rgba(21,20,15,.4);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
}
body[data-theme="dark"] .cnv-sayi-kapak{box-shadow:0 4px 0 -1px rgba(0,0,0,.5),0 20px 40px -14px rgba(0,0,0,.8)}
.cnv-sayi-kapak img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.cnv-sayi:hover .cnv-sayi-kapak{transform:translateY(-8px);box-shadow:0 6px 0 -1px rgba(21,20,15,.12),0 30px 55px -16px rgba(21,20,15,.5)}
.cnv-sayi-no{
  position:absolute;top:10px;left:10px;z-index:3;
  background:var(--cnv-kirmizi);color:var(--cnv-kagit);
  font-family:"DM Mono",monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  padding:.3rem .55rem;
}
.cnv-sayi-oku{
  position:absolute;inset:auto 0 0 0;z-index:3;
  background:var(--cnv-kirmizi);color:var(--cnv-kagit);text-align:center;
  font-family:"DM Mono",monospace;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.75rem;transform:translateY(101%);transition:transform .25s ease;
}
.cnv-sayi:hover .cnv-sayi-oku{transform:translateY(0)}
.cnv-sayi-bilgi{
  display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;
  margin-top:.85rem;padding-top:.55rem;border-top:1px solid var(--cnv-cizgi);
  font-family:"DM Mono",monospace;font-size:.64rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--cnv-sessiz);
}
.cnv-sayi:hover .cnv-sayi-bilgi{color:var(--cnv-vurgu)}

/* ==========================================================================
   9. YAZI DETAYI
   ========================================================================== */
.cnv-yazi-bas{padding-top:.5rem}
.cnv-yazi-bas .cnv-etiket-satir{margin:0 0 1.1rem;display:block}
.cnv-yazi-bas .cnv-etiket{
  display:inline-block;border:1px solid var(--cnv-kirmizi);color:var(--cnv-kirmizi)!important;
  font-family:"DM Mono",monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  padding:.3rem .55rem;border-radius:2px;background:transparent!important;line-height:1;
}
.cnv-yazi-bas h1{
  font-size:clamp(2.4rem,6vw,5rem)!important;color:var(--cnv-baslik)!important;
  max-width:20ch;margin:0 0 .4rem!important;line-height:1.02!important;
}
.cnv-imza{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;
  border-top:1.5px solid var(--cnv-yazi);border-bottom:1.5px solid var(--cnv-yazi);
  padding:.9rem 0;margin:1.6rem 0 2.4rem;
}
.cnv-imza .cnv-yazar{
  font-family:"Caveat",cursive!important;font-weight:700;font-size:1.7rem;line-height:1;
  color:var(--cnv-vurgu)!important;text-decoration:none;
}
.cnv-imza .cnv-yazar:hover{color:var(--cnv-baslik)!important}
.article-body{max-width:68ch;font-size:1.06rem;line-height:1.75;color:var(--cnv-yazi)!important}
.article-body::first-letter{
  float:left;font-family:"Big Shoulders Display",sans-serif;font-weight:900;
  font-size:4.4rem;line-height:.74;padding:.1rem .5rem 0 0;color:var(--cnv-kirmizi);
}
main img[class*="rounded-2xl"]{border-radius:0!important;border-color:var(--cnv-cizgi)!important;background:var(--cnv-kart)!important}
.share-chip{
  border-radius:2px!important;background:transparent!important;
  border:1px solid var(--cnv-cizgi)!important;color:var(--cnv-yazi)!important;
  transition:transform .18s ease,background .18s ease;
}
.share-chip:hover{background:var(--cnv-kirmizi)!important;border-color:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;transform:translateY(-2px)}

/* ==========================================================================
   10. YAZARLAR
   ========================================================================== */
.cnv-kunye a{
  display:flex;align-items:baseline;gap:.7rem;text-decoration:none;
  padding:.75rem 0;border-bottom:1px solid var(--cnv-cizgi);color:var(--cnv-yazi);
}
.cnv-kunye a:hover{color:var(--cnv-kirmizi)}
.cnv-kunye .cnv-ad{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:1.5rem;text-transform:uppercase;line-height:1}
.cnv-kunye .cnv-nokta{flex:1;border-bottom:1px dotted var(--cnv-cizgi);transform:translateY(-4px)}
.cnv-kunye .cnv-adet{font-family:"DM Mono",monospace;font-size:.66rem;color:var(--cnv-sessiz);white-space:nowrap}

/* ==========================================================================
   11. FANZİN OKUYUCU
   ========================================================================== */
#reader-header{background:var(--cnv-zemin)!important;border-bottom:1px solid var(--cnv-cizgi)!important}
#reader-header .cnv-logo img{height:38px;width:auto}
#reader-header .cnv-baslik-metin{
  color:var(--cnv-yazi)!important;font-family:"Big Shoulders Display",sans-serif;
  font-size:1.3rem;text-transform:uppercase;line-height:1;
}
#reader-header button,
#reader-header a{
  border-radius:999px!important;background:transparent!important;color:var(--cnv-yazi)!important;
  border:1px solid var(--cnv-cizgi)!important;box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#reader-header button:hover,#reader-header a:hover{
  background:var(--cnv-kirmizi)!important;border-color:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;transform:translateY(-2px);
}
#reader-header .cnv-indir{
  background:var(--cnv-kirmizi)!important;border-color:var(--cnv-kirmizi)!important;color:var(--cnv-kagit)!important;
  font-family:"DM Mono",monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
}
#reader-header .cnv-indir:hover{background:var(--cnv-yesil)!important;border-color:var(--cnv-yesil)!important}
#reader-shell{background:var(--cnv-kagit-2)}
#pdf-canvas{border-radius:0!important;box-shadow:0 22px 50px -18px var(--cnv-golge)!important;border:1px solid var(--cnv-cizgi)}
#loading-state .animate-spin{border-color:var(--cnv-kirmizi)!important;border-top-color:transparent!important}

/* tam ekran: arkada hiçbir şey kalmasın */
body.reader-fullscreen{background:#0B0C08!important}
body.reader-fullscreen #reader-header{display:none!important}
body.reader-fullscreen #reader-shell,
body.reader-fullscreen #canvas-wrap{background:#0B0C08!important}
body.reader-fullscreen #pdf-canvas{border:0!important;box-shadow:none!important}
body.reader-fullscreen .fixed.bottom-6{display:none!important}
.cnv-esc-ipucu{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;display:none;
  background:rgba(21,20,15,.82);color:#EDE5CB;border:1px solid rgba(237,229,203,.3);
  font-family:"DM Mono",monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.45rem .8rem;pointer-events:none;
}
body.reader-fullscreen .cnv-esc-ipucu{display:block;animation:cnv-solma 3.4s forwards}
@keyframes cnv-solma{0%,70%{opacity:1}100%{opacity:0}}

/* ==========================================================================
   12. ALT BİLGİ
   ========================================================================== */
footer{
  background:var(--cnv-murekkep)!important;color:rgba(237,229,203,.85)!important;
  border:0!important;padding:1.5rem 0!important;margin-top:auto;font-family:"Space Grotesk",sans-serif;
}
footer[class],footer[class] p,footer[class] span,footer[class] a,
footer p,footer span{color:rgba(237,229,203,.85)!important}
footer p{margin:0;font-size:.84rem}
footer[class] a:hover{color:#EFBE2A!important}
body > div.fixed.bottom-6.right-6 a{
  background:var(--cnv-murekkep)!important;color:var(--cnv-kagit)!important;
  border:1px solid rgba(237,229,203,.55)!important;box-shadow:none!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
body > div.fixed.bottom-6.right-6 a:hover{
  background:var(--cnv-kirmizi)!important;border-color:var(--cnv-kirmizi)!important;transform:translateY(-3px)!important;
}

/* ==========================================================================
   13. MOBİL
   ========================================================================== */
@media(max-width:1024px){
  .cnv-hero{grid-template-columns:1fr;gap:2rem;padding:2rem 0 2.6rem}
  .cnv-kapak{order:-1;justify-self:center;max-width:380px}
  .cnv-arac{grid-template-columns:1fr;gap:1.2rem}
}
@media(max-width:768px){
  :root{--cnv-pad:1.1rem}
  .cnv-ust-ic{flex-wrap:wrap;gap:.6rem;padding:.6rem 0}
  .cnv-ust-ic .cnv-logo img{height:40px}
  .cnv-menu{gap:.9rem}
  .cnv-menu a.cnv-bag{font-size:.92rem}
  .cnv-menu form button,.cnv-menu > div > button,.cnv-ikon{min-width:38px;height:38px}
  .cnv-hero h1{font-size:clamp(2.6rem,12vw,3.6rem);margin-bottom:1.4rem}
  .cnv-hero-alt{font-size:.94rem;margin-top:-.8rem}
  .cnv-dugmeler{gap:.5rem}
  .cnv-dg{flex:1 1 auto;padding:.8rem 1rem;font-size:.68rem;letter-spacing:.14em}
  .cnv-kapak{max-width:300px}
  .cnv-kategoriler{
    flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;padding-bottom:.35rem;
    margin-inline:calc(var(--cnv-pad) * -1);padding-inline:var(--cnv-pad);
  }
  .cnv-kategoriler::-webkit-scrollbar{display:none}
  .cnv-kategoriler a{flex:none;font-size:.62rem!important;padding:.55rem .75rem!important}
  .cnv-bolum-bas{font-size:2.1rem}
  .cnv-yazi-bas h1{max-width:100%;font-size:clamp(2rem,9vw,2.8rem)!important}
  .article-card h3{font-size:1.45rem!important}
  .cnv-raf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.6rem 1rem}
  .cnv-sayi-bilgi{font-size:.56rem;letter-spacing:.1em}
  body > div.fixed.bottom-6.right-6{right:12px!important;bottom:12px!important;gap:.5rem!important}
  body > div.fixed.bottom-6.right-6 a{padding:.55rem!important}
  #reader-header{padding:.6rem .8rem!important}
  footer{padding:1.2rem 0 4.5rem!important}
  footer p{font-size:.76rem;padding-inline:1rem}
}
@media(max-width:420px){
  .cnv-menu{gap:.7rem}
  .cnv-menu a.cnv-bag{font-size:.86rem}
  .cnv-dg{width:100%}
}

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


/* ==========================================================================
   14. YAZI İÇERİĞİ (alt başlık, ara görsel, alıntı)
   ========================================================================== */
.article-body h2{
  font-family:"Big Shoulders Display",sans-serif!important;font-weight:900!important;
  text-transform:uppercase;font-size:2rem!important;line-height:1!important;
  color:var(--cnv-baslik)!important;margin:2.6rem 0 .9rem;
}
.article-body h2::before{content:"";display:block;width:56px;height:4px;background:var(--cnv-kirmizi);margin-bottom:.7rem}
.article-body h3{
  font-family:"Big Shoulders Display",sans-serif!important;font-weight:800!important;
  text-transform:uppercase;font-size:1.5rem!important;color:var(--cnv-yazi)!important;margin:2rem 0 .6rem;
}
.article-body p{margin:0 0 1.15rem}
.article-body strong{font-weight:700}
.article-body blockquote{
  margin:2rem 0;padding:1.2rem 1.3rem;background:var(--cnv-yesil-koyu,#1D4A26);color:var(--cnv-kagit);
  border-left:8px solid var(--cnv-kirmizi);
}
.article-body blockquote p{
  margin:0;font-family:"Caveat",cursive;font-size:1.6rem;line-height:1.3;color:var(--cnv-kagit)!important;
}
.article-body figure.yazi-gorsel{margin:2.2rem 0}
.article-body figure.yazi-gorsel img{
  width:100%;border:1px solid var(--cnv-cizgi);filter:grayscale(.12) contrast(1.06);
}
.article-body figure.yazi-gorsel figcaption{
  margin-top:.5rem;font-family:"DM Mono",monospace;font-size:.62rem;letter-spacing:.1em;color:var(--cnv-sessiz);
}
.article-body img.yazi-satir-gorsel{max-width:100%;margin:.6rem 0;border:1px solid var(--cnv-cizgi)}

/* ==========================================================================
   15. YUKARI ÇIK DÜĞMESİ
   ========================================================================== */
#cnvYukari{
  position:fixed;left:14px;bottom:24px;z-index:70;
  width:44px;height:44px;display:grid;place-items:center;cursor:pointer;
  background:var(--cnv-murekkep);color:var(--cnv-kagit);
  border:1px solid rgba(237,229,203,.55);border-radius:50%;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease,background .18s ease,visibility .2s;
}
#cnvYukari.gorunur{opacity:1;visibility:visible;transform:none}
#cnvYukari:hover{background:var(--cnv-kirmizi);border-color:var(--cnv-kirmizi);transform:translateY(-3px)}
body.reader-fullscreen #cnvYukari{display:none}
@media(max-width:768px){#cnvYukari{left:12px;bottom:70px;width:40px;height:40px}}

/* ==========================================================================
   16. OKUYUCU: KAYDIRMA ÇUBUĞUNU GİZLE
   ========================================================================== */
#reader-shell,#canvas-wrap,#pdf-container{scrollbar-width:none;-ms-overflow-style:none}
#reader-shell::-webkit-scrollbar,#canvas-wrap::-webkit-scrollbar,#pdf-container::-webkit-scrollbar{
  width:0;height:0;display:none;
}
body:has(#reader-shell){scrollbar-width:none}
body:has(#reader-shell)::-webkit-scrollbar{width:0;display:none}

/* yatay kaydırma çubuğu görünmesin */
html,body{max-width:100%;overflow-x:hidden}

/* Türkçe harflerin üst/alt işaretleri kırpılmasın */
h1, h2, h3, .cnv-afis { line-height: 1.08 !important; }
.article-card h3 { line-height: 1.1 !important; padding-bottom: .1em; }
.cnv-yazi-bas h1 { line-height: 1.1 !important; padding-bottom: .08em; }
.cnv-bolum-bas, .cnv-hero h1 { line-height: 1.02 !important; padding-bottom: .06em; }
.cnv-kayma, .cnv-kayma::before { padding-bottom: .06em; }
[class*="line-clamp"] { padding-bottom: .12em; }