.blog-page main{padding-top:var(--nav-h)}
/* Sabit menünün arkasındaki renkli bar, blogun açık zemininde de kontrast sağlar. */
.blog-page .nav:not(.is-scrolled){background:var(--navy-900);color:#eef1f6;border-bottom:3px solid var(--gold-500)}
@media(min-width:1025px){.blog-page .nav:not(.is-scrolled) .navlinks a[aria-current="page"]{color:var(--gold-400)}}
.blog-hero h1{color:var(--fg)}
.blog-kicker{font:600 .75rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#796022}
[data-theme="dark"] .blog-kicker{color:var(--gold-400)}
.blog-index{padding-block:clamp(28px,4vw,48px)}
.blog-index-heading{max-width:900px;margin-bottom:32px}.blog-index-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;margin:12px 0 16px;text-wrap:balance}.blog-index-heading>p:last-child{font-size:1.15rem;color:var(--fg-soft);line-height:1.7}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card-copy{padding:28px}.blog-card time,.blog-byline{font-size:.8rem;color:var(--fg-soft)}.blog-card h2{font-size:1.4rem;line-height:1.4;margin:16px 0}.blog-card h2 a{color:var(--fg);text-decoration:none}.blog-card p{color:var(--fg-soft);line-height:1.7;margin-bottom:24px}.blog-empty{padding:40px;background:var(--bg-2);border-radius:var(--radius-lg)}.blog-empty p{margin:16px 0 24px}
.blog-article{padding-bottom:80px;overflow-wrap:anywhere}.blog-hero{max-width:1200px;margin:auto;padding:64px var(--gutter) 48px}.blog-hero-copy{max-width:820px;margin:auto}.blog-back{display:inline-block;margin-bottom:40px;color:var(--fg-soft);font-size:.85rem}.blog-hero h1{font:800 clamp(2.2rem,5vw,4.3rem)/1.14 var(--font-display);letter-spacing:-.045em;margin:20px 0 24px}.blog-deck{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.7;color:var(--fg-soft)}.blog-byline{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px}.blog-cover{margin:40px 0 0}.blog-cover img{display:block;width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:var(--radius-lg)}
.blog-reading-layout{max-width:1200px;padding:0 var(--gutter);margin:auto}.blog-reading{max-width:760px;margin:auto;min-width:0}.blog-prose{font-size:1.075rem;line-height:1.9}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre{margin:0 0 24px}.blog-prose ul,.blog-prose ol{padding-left:28px}.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{line-height:1.35;margin:40px 0 20px;scroll-margin-top:100px}.blog-prose h2{font-size:1.8rem}.blog-prose h3{font-size:1.4rem}.blog-prose a{color:var(--fg);text-decoration-color:var(--gold-500);text-decoration-thickness:2px;text-underline-offset:4px}.blog-prose blockquote{border-left:3px solid var(--gold-500);padding:16px 24px;background:var(--bg-2)}.blog-prose pre{overflow:auto;padding:24px;background:var(--bg-2);border-radius:12px}.blog-prose code{font: .88em var(--font-mono)}
.blog-faq{margin:48px 0;padding:32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-2)}.blog-faq h2{font-size:1.6rem;margin:12px 0 24px}.blog-faq details{padding:18px 0;border-top:1px solid var(--line)}.blog-faq summary{cursor:pointer;font-weight:600;line-height:1.6}.blog-faq details p{line-height:1.8;color:var(--fg-soft);margin-top:16px}.blog-endnote{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:32px;margin-top:48px}.blog-endnote p{font-weight:600}
.blog-template--magazine .blog-hero{max-width:none;background:var(--navy-900);color:#fff;padding-block:72px}.blog-template--magazine .blog-hero-copy{max-width:1050px}.blog-template--magazine .blog-deck,.blog-template--magazine .blog-byline,.blog-template--magazine .blog-back{color:#c4cede}.blog-template--magazine .blog-cover{max-width:1120px;margin:48px auto 0}.blog-template--magazine .blog-reading-layout{margin-top:64px}.blog-template--magazine .blog-prose>p:first-child:first-letter{float:left;font-size:4rem;line-height:.9;margin:10px 12px 0 0;font-weight:700;color:var(--gold-600)}
.blog-template--guide .blog-reading-layout.has-toc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px}.blog-toc{align-self:start;position:sticky;top:100px;padding:24px;background:var(--bg-2);border-radius:12px}.blog-toc h2{font-size:1rem;margin-bottom:20px}.blog-toc ol{padding-left:20px}.blog-toc li{margin:12px 0;font-size:.85rem;line-height:1.5}.blog-toc a{color:var(--fg-soft)}.blog-template--guide .blog-hero{border-bottom:1px solid var(--line);margin-bottom:48px}.blog-template--answers .blog-hero{background:var(--bg-2);max-width:none}.blog-template--answers .blog-faq{background:var(--surface);border:0;padding:0}.blog-template--answers .blog-faq details{padding:24px;border:1px solid var(--line);border-radius:12px;margin-top:16px}
@media(max-width:900px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-template--guide .blog-reading-layout{grid-template-columns:1fr;gap:24px}.blog-toc{position:static}.blog-toc ol{columns:2}}@media(max-width:600px){.blog-card-grid{grid-template-columns:1fr}.blog-hero{padding-top:36px}.blog-back{margin-bottom:24px}.blog-faq{padding:24px}.blog-endnote{align-items:flex-start;flex-direction:column}.blog-toc ol{columns:1}.blog-byline{gap:12px}}

/* Referanslardan ilham alan ENPOL yayın temaları. */
.blog-edition{display:flex;justify-content:space-between;gap:24px;grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid var(--line-strong);font:500 .65rem/1.6 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
.blog-topic-strip{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font:.7rem/1.6 var(--font-mono);color:var(--fg-soft)}
.blog-topic-strip span::before{content:"/ ";color:var(--gold-600)}
.blog-theme-art{min-width:0;align-self:center}.blog-theme-art img{display:block;width:100%;height:auto}
.blog-template--technical .blog-kicker,.blog-template--archive .blog-kicker{color:#796022}
.blog-template--technical .blog-hero,.blog-template--archive .blog-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px 56px;align-items:center}
.blog-template--technical .blog-hero-copy,.blog-template--archive .blog-hero-copy{max-width:none;margin:0;min-width:0}
.blog-template--technical .blog-back,.blog-template--archive .blog-back{margin-bottom:32px}
.blog-template--technical .blog-cover,.blog-template--archive .blog-cover{margin:0;position:relative}
.blog-template--technical .blog-cover img,.blog-template--archive .blog-cover img{border-radius:0}
.blog-template--technical .has-toc,.blog-template--archive .has-toc{display:grid;grid-template-columns:208px minmax(0,1fr);gap:56px}
.blog-template--technical .blog-toc,.blog-template--archive .blog-toc{padding:24px 0;background:none;border-radius:0;border-top:2px solid var(--gold-500)}
.blog-template--technical .blog-toc ol,.blog-template--archive .blog-toc ol{padding-left:22px}
.blog-template--technical .blog-toc li,.blog-template--archive .blog-toc li{padding-left:4px;margin:18px 0}
.blog-template--technical .blog-toc li::marker,.blog-template--archive .blog-toc li::marker{font-family:var(--font-mono);color:var(--fg-soft)}
.blog-template--technical .blog-toc a:hover,.blog-template--archive .blog-toc a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:4px}

/* Teknik: modüler çizgiler, devre illüstrasyonu, numaralı bölümler. */
.blog-template--technical{background:var(--bg);border-top:3px solid var(--gold-500)}
.blog-template--technical .blog-hero{padding-top:28px;padding-bottom:64px}
.blog-template--technical .blog-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.055em}
.blog-template--technical .blog-deck{font-size:1.05rem}
.blog-template--technical .blog-theme-art{border:1px solid var(--line);background:var(--bg-2);padding:16px;position:relative}
.blog-template--technical .blog-theme-art::after,.blog-template--technical .blog-cover::after{content:"";position:absolute;inset:10px;border:1px solid var(--line-strong);pointer-events:none}
.blog-template--technical .blog-cover img{aspect-ratio:1/1;object-fit:cover}
.blog-template--technical .blog-reading-layout{border-top:1px solid var(--line);padding-top:48px}
.blog-template--technical .blog-prose{counter-reset:chapter}
.blog-template--technical .blog-prose>h2{counter-increment:chapter;display:flex;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:1.65rem}
.blog-template--technical .blog-prose>h2::before{content:counter(chapter,decimal-leading-zero);flex-shrink:0;font:500 .85rem var(--font-mono);color:var(--fg-soft)}
.blog-template--technical .blog-faq{border-radius:0;border-width:1px 0;background:var(--bg-2)}
[data-theme="dark"] .blog-template--technical .blog-kicker{color:var(--gold-400)}

/* Panorama: büyük afiş başlığı ve ince altın ufuk çizgileri. */
.blog-template--panorama .blog-hero{max-width:none;background:var(--navy-900);color:#eef1f6;padding-top:28px;padding-bottom:0;border-bottom:1px solid var(--gold-500)}
.blog-template--panorama .blog-edition{max-width:1120px;margin:0 auto 48px;border-color:#3d4b60;color:#c4cede}
.blog-template--panorama .blog-hero-copy{max-width:960px;text-align:center}
.blog-template--panorama .blog-back{color:#c4cede;margin-bottom:32px}
.blog-template--panorama .blog-kicker{color:var(--gold-400)}
.blog-template--panorama .blog-hero h1{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:800;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.blog-template--panorama .blog-deck{max-width:680px;margin:auto;color:#c4cede;font-size:1.1rem}
.blog-template--panorama .blog-byline,.blog-template--panorama .blog-topic-strip{justify-content:center;color:#c4cede}
.blog-template--panorama .blog-cover{max-width:1120px;margin:48px auto 0;border:1px solid #3d4b60;border-bottom:0}
.blog-template--panorama .blog-cover img{border-radius:0;aspect-ratio:21/9;object-fit:cover;max-height:none}
.blog-template--panorama .blog-theme-art{max-width:1200px;margin:16px auto 0}
.blog-template--panorama .blog-reading-layout{margin-top:64px}
.blog-template--panorama .blog-prose>p:first-child{font-size:1.25rem;line-height:1.8}
.blog-template--panorama .blog-prose h2{border-left:3px solid var(--gold-500);padding-left:24px}
.blog-template--panorama .blog-prose blockquote{background:var(--navy-900);color:#eef1f6;padding:32px;font-size:1.15rem}
.blog-template--panorama .blog-faq{border-radius:0;background:none;border-width:1px 0;padding-inline:0}
.blog-template--panorama .blog-reading .blog-kicker{color:var(--fg-soft)}
.blog-template--panorama .blog-endnote{background:var(--navy-900);color:#eef1f6;padding:32px;border:0}
.blog-template--panorama .blog-endnote .btn{background:var(--gold-500);color:var(--navy-900);border-color:var(--gold-500)}

/* Arşiv: sıcak kâğıt, mimari çizim, ince editoryal çerçeveler. */
.blog-template--archive{color-scheme:light;--fg:var(--navy-800);--fg-soft:#606574;--bg:#f5f0e6;--bg-2:#eee7d8;--surface:#f5f0e6;--line:#d8cfbc;--line-strong:#b9aa8e;color:var(--fg);background-color:var(--bg);background-image:linear-gradient(#10224504 1px,transparent 1px),linear-gradient(90deg,#10224504 1px,transparent 1px);background-size:32px 32px}
.blog-template--archive .blog-hero{padding-top:32px;padding-bottom:56px;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:40px 64px}
.blog-template--archive .blog-edition{border-bottom:3px double var(--line-strong);color:var(--fg-soft)}
.blog-template--archive .blog-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,4.7vw,4.5rem);font-weight:400;line-height:1.08;letter-spacing:-.045em}
.blog-template--archive .blog-deck{font-size:1.05rem}
.blog-template--archive .blog-byline{padding-top:24px;border-top:1px solid var(--line-strong)}
.blog-template--archive .blog-theme-art{border:1px solid var(--line-strong);padding:12px;outline:1px solid var(--line);outline-offset:8px}
.blog-template--archive .blog-cover{padding:12px;border:1px solid var(--line-strong);outline:1px solid var(--line);outline-offset:8px}
.blog-template--archive .blog-cover img{aspect-ratio:4/5;object-fit:cover}
.blog-template--archive .has-toc{grid-template-columns:176px minmax(0,1fr);gap:40px}
.blog-template--archive .blog-reading{max-width:840px;border:1px solid var(--line-strong);padding:40px 48px;background:var(--bg)}
.blog-template--archive .blog-prose{font-size:1rem;line-height:1.95}
.blog-template--archive .blog-prose h2,.blog-template--archive .blog-faq h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}
.blog-template--archive .blog-prose h2{font-size:2rem;padding-top:24px;border-top:3px double var(--line-strong)}
.blog-template--archive .blog-prose blockquote{border:1px solid var(--line-strong);background:var(--bg-2);padding:24px;font-family:Georgia,'Times New Roman',serif;font-size:1.2rem;line-height:1.7}
.blog-template--archive .blog-faq{border-radius:0;border-width:3px 0 1px;border-top-style:double;background:none;padding:28px 0}
.blog-template--archive .blog-endnote{align-items:flex-start;flex-direction:column}
.blog-template--archive .blog-prose a:hover{color:var(--navy-800)}

@media(max-width:900px){
  .blog-template--guide .blog-reading-layout.has-toc{grid-template-columns:1fr}
  .blog-template--technical .blog-hero,.blog-template--archive .blog-hero{gap:32px}
  .blog-template--technical .has-toc,.blog-template--archive .has-toc{grid-template-columns:1fr;gap:32px}
  .blog-template--technical .blog-toc,.blog-template--archive .blog-toc{border-block:1px solid var(--line-strong);padding:24px 0}
  .blog-template--archive .blog-reading{max-width:100%;padding:32px}
}
@media(max-width:600px){
  .blog-edition{font-size:.6rem;gap:16px;letter-spacing:.07em}.blog-edition span:last-child{text-align:right}
  .blog-template--technical .blog-hero,.blog-template--archive .blog-hero{grid-template-columns:1fr;padding-block:24px 40px}
  .blog-template--technical .blog-hero h1,.blog-template--archive .blog-hero h1{font-size:2.4rem}
  .blog-template--technical .blog-theme-art{width:min(100%,320px);justify-self:center}
  .blog-template--archive .blog-theme-art{width:min(100%,256px);justify-self:center;margin:8px 0}
  .blog-template--technical .blog-cover img,.blog-template--archive .blog-cover img{aspect-ratio:4/3;max-height:360px}
  .blog-template--technical .blog-reading-layout{padding-top:32px}
  .blog-template--technical .blog-prose>h2{font-size:1.4rem;gap:12px}
  .blog-template--panorama .blog-edition{margin-bottom:32px}
  .blog-template--panorama .blog-hero h1{font-size:2.6rem}
  .blog-template--panorama .blog-cover{margin-top:32px}.blog-template--panorama .blog-cover img{aspect-ratio:4/3}
  .blog-template--panorama .blog-theme-art{margin-top:32px}
  .blog-template--panorama .blog-reading-layout{margin-top:40px}
  .blog-template--panorama .blog-endnote,.blog-template--panorama .blog-prose blockquote{padding:24px}
  .blog-template--archive .blog-reading{padding:24px 20px}.blog-template--archive .blog-reading-layout{padding-inline:12px}
  .blog-template--archive .blog-prose h2{font-size:1.75rem}
}

/* Blog metni üst katmandaki sabit/açık tema rengini devralmamalı. */
.blog-article,.blog-reading,.blog-prose{color:var(--fg)}
.blog-prose :is(p,li,strong,em,code,h2,h3,h4,h5,h6,blockquote,pre),.blog-faq summary,.blog-endnote p,.blog-empty p{color:var(--fg)}
.blog-byline span,.blog-byline time,.blog-edition span,.blog-topic-strip span{color:var(--fg-soft)}
.blog-toc,.blog-toc li::marker,.blog-prose li::marker{color:var(--fg-soft)}
.blog-template--magazine .blog-hero{--fg:#fff;--fg-soft:#c4cede}
.blog-template--panorama .blog-hero,.blog-template--panorama .blog-endnote,.blog-template--panorama .blog-prose blockquote{--fg:#eef1f6;--fg-soft:#c4cede}
.blog-template--magazine .blog-hero .blog-kicker{color:var(--gold-400)}
