/* ============================================================
   HATAYLI KÜNEFECİ BAHTİYAR USTA — BLOG SİSTEMİ
   Ortak stil dosyası · Tüm blog sayfaları bunu kullanır
   Ana sitenin (index.html) tasarım diliyle birebir uyumlu.
   ============================================================ */

:root{
  --green:      #4CA82C;
  --green-lite: #74D94E;
  --green-deep: #2E6B1A;
  --gold:       #E8B44A;
  --gold-deep:  #B9761F;
  --copper:     #C4763A;
  --cream:      #F6EFE2;
  --bg:         #0B0F0C;
  --bg-2:       #101710;
  --bg-3:       #080B08;
  --text-dim:   #9FAE9C;
  --line:       rgba(246,239,226,.10);

  --ff-display: 'Anton', 'Arial Narrow', sans-serif;
  --ff-script:  'Great Vibes', cursive;
  --ff-body:    'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --ease: cubic-bezier(.22,.61,.36,1);
  --nav-h: 74px;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 16px); overflow-x:clip; }

body{
  font-family:var(--ff-body);
  background:var(--bg);
  color:var(--cream);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}

img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
::selection{ background:var(--green); color:#fff; }

/* Yalnızca ekran okuyucular için */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ---------- Okuma ilerleme çubuğu ---------- */
#progress{
  position:fixed; top:0; left:0; height:3px; width:0;
  background:linear-gradient(90deg, var(--green-lite), var(--gold));
  z-index:200; transition:width .1s linear;
}

/* ---------- Arka plan atmosferi ---------- */
.bg-layer{ position:fixed; inset:0; z-index:0; pointer-events:none; }
.bg-grad{
  background:
    radial-gradient(900px 620px at 78% 12%, rgba(76,168,44,.18), transparent 62%),
    radial-gradient(760px 520px at 10% 78%, rgba(232,180,74,.10), transparent 60%),
    radial-gradient(1200px 900px at 50% 120%, rgba(46,107,26,.18), transparent 70%),
    linear-gradient(170deg, #0B0F0C 0%, #101710 55%, #0A0D09 100%);
}
.bg-grid{
  background-image:
    linear-gradient(rgba(246,239,226,.030) 1px, transparent 1px),
    linear-gradient(90deg, rgba(246,239,226,.030) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 65% at 50% 30%, #000 25%, transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 30%, #000 25%, transparent 78%);
}

/* ---------- Yerleşim ---------- */
.wrap{ position:relative; z-index:2; max-width:1240px; margin:0 auto; padding:0 26px; }
.wrap-narrow{ position:relative; z-index:2; max-width:820px; margin:0 auto; padding:0 26px; }
section{ position:relative; z-index:2; padding:84px 0; }

/* ---------- Navigasyon ---------- */
#nav{
  position:fixed; top:0; left:0; right:0; z-index:100; height:var(--nav-h);
  display:flex; align-items:center;
  background:rgba(11,15,12,.55);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid transparent;
  transition:background .35s var(--ease), border-color .35s var(--ease);
}
#nav.solid{ background:rgba(8,11,8,.9); border-bottom-color:var(--line); }
.nav-inner{
  width:100%; max-width:1240px; margin:0 auto; padding:0 26px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.brand{ display:flex; align-items:center; gap:11px; }
.brand img{ height:40px; width:auto; filter:drop-shadow(0 2px 8px rgba(0,0,0,.5)); }
.brand-txt{ display:flex; flex-direction:column; line-height:1; }
.brand-txt .s{ font-family:var(--ff-script); font-size:.95rem; color:var(--green-lite); }
.brand-txt .d{ font-family:var(--ff-display); font-size:1.12rem; letter-spacing:.02em; color:var(--cream); }

.nav-links{ display:flex; align-items:center; gap:30px; }
.nav-links a{
  position:relative; font-size:.9rem; font-weight:400; color:var(--text-dim);
  letter-spacing:.02em; transition:color .25s var(--ease);
}
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:-7px; height:2px; width:0;
  background:linear-gradient(90deg,var(--green-lite),var(--gold));
  transition:width .3s var(--ease);
}
.nav-links a:hover, .nav-links a.active{ color:var(--cream); }
.nav-links a:hover::after, .nav-links a.active::after{ width:100%; }

.nav-cta{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 18px; border-radius:999px; font-size:.86rem; font-weight:600;
  background:linear-gradient(135deg,var(--green),var(--green-deep));
  color:#fff; box-shadow:0 6px 22px rgba(76,168,44,.32);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.nav-cta:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(76,168,44,.45); }

.burger{ display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:12px;
  background:rgba(246,239,226,.04); position:relative; cursor:pointer; }
.burger span{ position:absolute; left:12px; right:12px; height:2px; background:var(--cream); border-radius:2px;
  transition:transform .3s var(--ease), opacity .3s var(--ease); }
.burger span:nth-child(1){ top:15px; }
.burger span:nth-child(2){ top:21px; }
.burger span:nth-child(3){ top:27px; }
.burger.open span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.burger.open span:nth-child(2){ opacity:0; }
.burger.open span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 26px; border-radius:999px; font-weight:600; font-size:.95rem;
  cursor:pointer; border:1px solid transparent;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);
}
.btn svg{ width:18px; height:18px; }
.btn-primary{
  background:linear-gradient(135deg,var(--green),var(--green-deep));
  color:#fff; box-shadow:0 10px 30px rgba(76,168,44,.32);
}
.btn-primary:hover{ transform:translateY(-3px); box-shadow:0 16px 40px rgba(76,168,44,.45); }
.btn-ghost{
  background:rgba(246,239,226,.05); color:var(--cream); border-color:var(--line);
}
.btn-ghost:hover{ transform:translateY(-3px); background:rgba(246,239,226,.10); border-color:var(--gold); }

/* ---------- Bölüm başlıkları ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:.74rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--green-lite); margin-bottom:16px;
}
.eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:var(--green-lite);
  box-shadow:0 0 12px var(--green-lite); }
.title{
  font-family:var(--ff-display); font-size:clamp(2rem,5vw,3.3rem);
  line-height:1.02; text-transform:uppercase; letter-spacing:.01em; margin-bottom:16px;
}
.title em{ font-family:var(--ff-script); font-style:normal; text-transform:none;
  color:var(--gold); font-size:1.16em; letter-spacing:0; }
.lead{ color:var(--text-dim); font-size:1.04rem; max-width:62ch; font-weight:300; }
.sec-head{ margin-bottom:48px; }
.sec-head.center{ text-align:center; }
.sec-head.center .lead{ margin:0 auto; }

/* ============================================================
   BLOG — LİSTE SAYFASI
   ============================================================ */
.blog-hero{ padding-top:calc(var(--nav-h) + 70px); padding-bottom:24px; }

/* Kırıntı navigasyonu (breadcrumb) */
.crumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  font-size:.8rem; color:var(--text-dim); margin-bottom:22px;
}
.crumbs a{ color:var(--text-dim); border-bottom:1px solid transparent; transition:.25s var(--ease); }
.crumbs a:hover{ color:var(--gold); border-bottom-color:rgba(232,180,74,.5); }
.crumbs span[aria-current]{ color:var(--cream); }
.crumbs i{ font-style:normal; color:rgba(159,174,156,.5); }

/* Arama + etiket filtresi */
.blog-tools{
  display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between;
  margin-bottom:34px;
}
.blog-search{
  position:relative; flex:1 1 280px; max-width:400px;
}
.blog-search svg{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  width:17px; height:17px; stroke:var(--text-dim); fill:none; stroke-width:2;
}
.blog-search input{
  width:100%; padding:13px 16px 13px 44px;
  background:rgba(246,239,226,.04); border:1px solid var(--line); border-radius:999px;
  color:var(--cream); font-family:var(--ff-body); font-size:.92rem; outline:none;
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.blog-search input::placeholder{ color:var(--text-dim); }
.blog-search input:focus{ border-color:rgba(116,217,78,.5); background:rgba(246,239,226,.07); }

.tag-row{ display:flex; flex-wrap:wrap; gap:9px; }
.tag-btn{
  padding:9px 16px; border-radius:999px; font-size:.79rem; font-weight:500;
  letter-spacing:.03em; cursor:pointer;
  background:rgba(246,239,226,.04); border:1px solid var(--line); color:var(--text-dim);
  font-family:var(--ff-body);
  transition:transform .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), background .25s var(--ease);
}
.tag-btn:hover{ transform:translateY(-2px); border-color:var(--green); color:var(--cream); }
.tag-btn.on{
  background:linear-gradient(135deg,rgba(76,168,44,.9),rgba(46,107,26,.9));
  border-color:transparent; color:#fff;
}

/* Yazı kartları ızgarası */
.post-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:24px; perspective:1400px;
}
.post-card{
  display:flex; flex-direction:column; gap:14px;
  padding:28px 26px 26px;
  background:linear-gradient(160deg, rgba(246,239,226,.06), rgba(246,239,226,.015));
  border:1px solid var(--line); border-radius:22px;
  transform-style:preserve-3d;
  transition:transform .4s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.post-card:hover{
  border-color:rgba(232,180,74,.35);
  box-shadow:0 24px 54px rgba(0,0,0,.5);
}
.post-card.hide{ display:none; }

.pc-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-dim);
}
.pc-meta .sep{ color:rgba(159,174,156,.45); }
.pc-cat{ color:var(--green-lite); }

.pc-title{
  font-family:var(--ff-display); font-size:1.42rem; line-height:1.14;
  text-transform:uppercase; letter-spacing:.01em; color:var(--cream);
  transform:translateZ(22px);
  transition:color .25s var(--ease);
}
.post-card:hover .pc-title{ color:var(--gold); }

.pc-desc{ color:var(--text-dim); font-size:.94rem; font-weight:300; flex:1; }

.pc-tags{ display:flex; flex-wrap:wrap; gap:7px; }
.pc-tag{
  font-size:.7rem; letter-spacing:.05em; padding:5px 11px; border-radius:999px;
  background:rgba(76,168,44,.12); border:1px solid rgba(116,217,78,.22); color:var(--green-lite);
}
.pc-more{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.83rem; font-weight:600; color:var(--gold); letter-spacing:.03em;
  margin-top:4px;
}
.pc-more svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2.2;
  transition:transform .3s var(--ease); }
.post-card:hover .pc-more svg{ transform:translateX(5px); }

.no-result{
  display:none; text-align:center; padding:56px 20px;
  color:var(--text-dim); font-weight:300;
  border:1px dashed var(--line); border-radius:22px;
}
.no-result.on{ display:block; }
.no-result b{ color:var(--cream); font-weight:600; }

/* ============================================================
   BLOG — YAZI SAYFASI
   ============================================================ */
.article-head{ padding-top:calc(var(--nav-h) + 66px); padding-bottom:10px; }
.article-head .title{ margin-bottom:20px; }

.art-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-dim);
  padding-bottom:26px; margin-bottom:34px; border-bottom:1px solid var(--line);
}
.art-meta .sep{ color:rgba(159,174,156,.45); }
.art-meta strong{ color:var(--green-lite); font-weight:500; }

.art-lead{
  font-size:1.14rem; line-height:1.7; color:rgba(246,239,226,.92); font-weight:300;
  padding:22px 24px; margin-bottom:38px;
  background:rgba(76,168,44,.07); border-left:3px solid var(--green);
  border-radius:0 16px 16px 0;
}
.art-lead b{ color:var(--cream); font-weight:600; }

/* İçindekiler */
.toc{
  padding:24px 26px; margin-bottom:44px;
  background:rgba(246,239,226,.035); border:1px solid var(--line); border-radius:20px;
}
.toc h2{
  font-family:var(--ff-display); font-size:1rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--gold); margin-bottom:14px;
}
.toc ol{ list-style:none; counter-reset:toc; display:flex; flex-direction:column; gap:9px; }
.toc li{ counter-increment:toc; }
.toc a{
  display:flex; gap:11px; font-size:.93rem; color:var(--text-dim); font-weight:300;
  transition:color .25s var(--ease);
}
.toc a::before{
  content:counter(toc,decimal-leading-zero);
  font-family:var(--ff-display); font-size:.8rem; color:var(--green-lite); flex:none;
}
.toc a:hover{ color:var(--cream); }

/* Makale gövdesi */
.article-body{ padding-bottom:70px; }
.article-body h2{
  font-family:var(--ff-display); font-size:clamp(1.5rem,3.4vw,2.05rem);
  line-height:1.12; text-transform:uppercase; letter-spacing:.01em;
  margin:52px 0 18px; scroll-margin-top:calc(var(--nav-h) + 20px);
}
.article-body h2 em{ font-family:var(--ff-script); font-style:normal; text-transform:none;
  color:var(--gold); font-size:1.14em; }
.article-body h3{
  font-family:var(--ff-body); font-size:1.16rem; font-weight:600; color:var(--gold);
  margin:32px 0 12px; scroll-margin-top:calc(var(--nav-h) + 20px);
}
.article-body p{ color:var(--text-dim); font-weight:300; font-size:1.02rem; margin-bottom:18px; }
.article-body p b, .article-body li b{ color:var(--cream); font-weight:600; }
.article-body a{ color:var(--gold); border-bottom:1px solid rgba(232,180,74,.4); }
.article-body a:hover{ color:var(--green-lite); border-bottom-color:var(--green-lite); }

.article-body ul, .article-body ol{ margin:0 0 22px 0; padding-left:0; list-style:none; }
.article-body ul li{
  position:relative; padding-left:26px; margin-bottom:11px;
  color:var(--text-dim); font-weight:300;
}
.article-body ul li::before{
  content:'◆'; position:absolute; left:0; top:.1em; font-size:.62rem; color:var(--gold);
}
.article-body ol{ counter-reset:art; }
.article-body ol li{
  position:relative; padding-left:32px; margin-bottom:11px; counter-increment:art;
  color:var(--text-dim); font-weight:300;
}
.article-body ol li::before{
  content:counter(art); position:absolute; left:0; top:0;
  font-family:var(--ff-display); font-size:.95rem; color:var(--green-lite);
}

.callout{
  padding:22px 24px; margin:30px 0; border-radius:18px;
  background:linear-gradient(150deg, rgba(232,180,74,.10), rgba(232,180,74,.02));
  border:1px solid rgba(232,180,74,.26);
}
.callout h3{ margin:0 0 10px; color:var(--gold); }
.callout p:last-child{ margin-bottom:0; }

/* Bilgi tablosu */
.table-scroll{ overflow-x:auto; margin:26px 0; border:1px solid var(--line); border-radius:18px; }
.info-table{ width:100%; border-collapse:collapse; min-width:520px; }
.info-table th, .info-table td{
  padding:14px 18px; text-align:left; font-size:.93rem; border-bottom:1px solid var(--line);
}
.info-table th{
  font-family:var(--ff-display); font-size:.85rem; letter-spacing:.09em; text-transform:uppercase;
  color:var(--gold); background:rgba(246,239,226,.04); font-weight:400;
}
.info-table td{ color:var(--text-dim); font-weight:300; }
.info-table tr:last-child td{ border-bottom:none; }
.info-table td:first-child{ color:var(--cream); font-weight:500; }

/* Makale içi SSS */
.faq{ margin:30px 0; }
.faq details{
  background:rgba(246,239,226,.035); border:1px solid var(--line); border-radius:16px;
  padding:2px 20px; margin-bottom:12px; transition:border-color .3s var(--ease), background .3s var(--ease);
}
.faq details[open]{ border-color:rgba(232,180,74,.35); background:rgba(76,168,44,.06); }
.faq summary{
  list-style:none; cursor:pointer; padding:18px 34px 18px 0; position:relative;
  font-weight:500; font-size:1rem; color:var(--cream); transition:color .25s var(--ease);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{
  content:''; position:absolute; right:4px; top:24px; width:9px; height:9px;
  border-right:2px solid var(--gold); border-bottom:2px solid var(--gold);
  transform:rotate(45deg); transition:transform .3s var(--ease);
}
.faq details[open] summary::after{ transform:rotate(-135deg); margin-top:4px; }
.faq summary:hover{ color:var(--gold); }
.faq details p{ padding:0 0 18px; color:var(--text-dim); font-weight:300; font-size:.96rem; }

/* Yazı sonu imzası */
.art-sign{
  display:flex; flex-wrap:wrap; align-items:center; gap:16px;
  padding:24px 26px; margin-top:46px;
  background:rgba(246,239,226,.035); border:1px solid var(--line); border-radius:20px;
}
.art-sign img{ height:52px; width:auto; }
.art-sign .as-txt{ flex:1 1 240px; }
.art-sign .as-txt b{ display:block; font-family:var(--ff-display); font-size:1.05rem;
  letter-spacing:.02em; text-transform:uppercase; margin-bottom:4px; }
.art-sign .as-txt span{ font-size:.88rem; color:var(--text-dim); font-weight:300; }

/* Sonraki / önceki yazı */
.post-nav{
  display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:30px;
}
.post-nav a{
  padding:20px 22px; border:1px solid var(--line); border-radius:18px;
  background:rgba(246,239,226,.03);
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.post-nav a:hover{ transform:translateY(-3px); border-color:var(--green); }
.post-nav .pn-lbl{ display:block; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--text-dim); margin-bottom:7px; }
.post-nav .pn-ttl{ font-weight:500; color:var(--cream); font-size:.98rem; }
.post-nav .next{ text-align:right; }

/* ---------- CTA şerit ---------- */
.cta-band{
  position:relative; overflow:hidden; text-align:center;
  padding:56px 32px; border-radius:28px;
  background:linear-gradient(135deg, rgba(76,168,44,.16), rgba(232,180,74,.09));
  border:1px solid rgba(232,180,74,.24);
}
.cta-band h2{
  font-family:var(--ff-display); font-size:clamp(1.6rem,4vw,2.6rem);
  text-transform:uppercase; margin-bottom:12px;
}
.cta-band p{ color:var(--text-dim); margin-bottom:26px; font-weight:300; }
.cta-actions{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }

/* ---------- Footer ---------- */
footer{
  position:relative; z-index:2; padding:56px 0 34px;
  border-top:1px solid var(--line); background:rgba(8,11,8,.6);
}
.foot-in{ display:flex; flex-wrap:wrap; gap:26px; align-items:center; justify-content:space-between; }
.foot-brand{ display:flex; align-items:center; gap:12px; }
.foot-brand img{ height:44px; width:auto; }
.foot-links{ display:flex; flex-wrap:wrap; gap:20px; font-size:.88rem; color:var(--text-dim); }
.foot-links a:hover{ color:var(--gold); }
.socials{ display:flex; gap:12px; }
.socials a{
  width:42px; height:42px; border-radius:12px; display:grid; place-items:center;
  border:1px solid var(--line); background:rgba(246,239,226,.04);
  transition:transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);
}
.socials a:hover{ transform:translateY(-4px) rotate(-6deg); border-color:var(--green); background:rgba(76,168,44,.14); }
.socials svg{ width:19px; height:19px; stroke:var(--cream); fill:none; }
.copy{ width:100%; text-align:center; margin-top:30px; padding-top:22px; border-top:1px solid var(--line);
  color:var(--text-dim); font-size:.84rem; font-weight:300; }
.credit{ width:100%; text-align:center; margin-top:10px; color:var(--text-dim); font-size:.8rem; }
.credit a{ color:var(--gold); border-bottom:1px solid rgba(232,180,74,.4); transition:.25s var(--ease); }
.credit a:hover{ color:var(--green-lite); border-bottom-color:var(--green-lite); }

/* ---------- Mobil çağrı butonu ---------- */
.fab{
  position:fixed; right:18px; bottom:18px; z-index:90; display:none;
  width:56px; height:56px; border-radius:50%; place-items:center;
  background:linear-gradient(135deg,var(--green),var(--green-deep));
  box-shadow:0 12px 30px rgba(76,168,44,.45);
}
.fab svg{ width:24px; height:24px; stroke:#fff; fill:none; stroke-width:2; }

/* ---------- Görünüme girme animasyonu ---------- */
.reveal{ opacity:0; transform:translateY(30px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.07s; } .reveal.d2{ transition-delay:.14s; }
.reveal.d3{ transition-delay:.21s; } .reveal.d4{ transition-delay:.28s; }
.reveal.d5{ transition-delay:.35s; } .reveal.d6{ transition-delay:.42s; }

/* ============================================================
   DUYARLI (RESPONSIVE)
   ============================================================ */
@media (max-width:860px){
  section{ padding:64px 0; }
  .nav-links{
    position:fixed; inset:var(--nav-h) 0 auto 0; flex-direction:column; gap:0;
    background:rgba(8,11,8,.97); backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
    max-height:0; overflow:hidden; transition:max-height .4s var(--ease);
  }
  .nav-links.open{ max-height:340px; }
  .nav-links a{ width:100%; padding:17px 26px; border-bottom:1px solid var(--line); font-size:1rem; }
  .nav-links a::after{ display:none; }
  .burger{ display:block; }
  .nav-cta{ display:none; }
  .fab{ display:grid; }
  .post-nav{ grid-template-columns:1fr; }
  .post-nav .next{ text-align:left; }
  .blog-tools{ flex-direction:column; align-items:stretch; }
  .blog-search{ max-width:none; }
}

@media (max-width:520px){
  .wrap, .wrap-narrow, .nav-inner{ padding:0 18px; }
  .post-grid{ grid-template-columns:1fr; }
  .art-lead{ font-size:1.04rem; padding:18px 18px; }
  .cta-band{ padding:40px 20px; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  .reveal{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}