/* HM ARTICLE — Type D Business Journal (Sprint A). YALNIZ is_single('post') yüklenir.
   TÜM kurallar .hm-makale/.hm-okuma kökü altında — global sızıntı YOK (Tool Hub etkilenmez). */
.hm-makale{--hmv:#1D4ED8;--hmv-k:#153aa8;--hmz:#F8FAFC;--hmh:#E2E8F0;--hmm:#0F172A;--hmm2:#475569;--hmm3:#64748B;--hma:#D97706}
.hm-wrap{max-width:1080px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}

/* Üst YATAY progress (Type D seçimi — Pedmar'ın sol-dikeyinden farklı). fixed → CLS'siz. */
.hm-okuma{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(15,23,42,.08);z-index:120;pointer-events:none}
.hm-okuma span{display:block;height:100%;background:linear-gradient(90deg,var(--hmv,#1D4ED8),#3B82F6);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}
.no-js .hm-okuma{display:none}

/* Başlık bandı */
.hm-bas{background:var(--hmz);border-bottom:1px solid var(--hmh);padding:34px 0 26px}
.hm-ust{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.hm-kat{display:inline-block;background:var(--hmv);color:#fff;font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:5px 11px;text-decoration:none}
.hm-kat:hover{background:var(--hmv-k);color:#fff}
.hm-meta{color:var(--hmm3);font-size:13.5px}
.hm-meta b{color:var(--hma);font-weight:700}
.hm-baslik{font-size:clamp(26px,3.4vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.015em;color:var(--hmm);margin:0 0 18px;max-width:30ch}

/* DEĞER ÖZETİ (Type D imzası: makaleye girmeden değer) — gerçek H2'lerden */
.hm-deger{background:#fff;border:1px solid var(--hmh);border-left:4px solid var(--hmv);border-radius:10px;padding:14px 18px;max-width:680px;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.hm-deger-k{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hmm3)}
.hm-deger ul{list-style:none;margin:0;padding:0}
.hm-deger li{padding:4px 0}
.hm-deger a{color:var(--hmm);text-decoration:none;font-weight:600;font-size:14.5px}
.hm-deger a:hover{color:var(--hmv)}

/* Koşullu TOC (değer kutusunun altında, kapalı başlar — bilgi-yoğun Type D'de opsiyonel açılır) */
.hm-toc{margin-top:14px;max-width:680px;background:#fff;border:1px solid var(--hmh);border-radius:10px;padding:4px 16px 10px}
.hm-toc summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--hmm2);padding:9px 0;list-style:none}
.hm-toc summary::-webkit-details-marker{display:none}
.hm-toc summary::before{content:"▸ ";color:var(--hmv)}
.hm-toc[open] summary::before{content:"▾ "}
.hm-toc ol{margin:4px 0 4px 4px;padding-left:18px}
.hm-toc li{padding:3px 0;font-size:14px}
.hm-toc a{color:var(--hmm2);text-decoration:none}
.hm-toc a:hover{color:var(--hmv)}
.no-js .hm-toc{open:true}
.no-js .hm-toc ol{display:block}

.hm-kapak{margin:26px 0 0}
.hm-kapak img{width:100%;height:auto;border-radius:12px;max-height:clamp(360px,55vh,560px);object-fit:cover;object-position:center}
/* F-065: kare (1024x1024) herolar 1016px basip 1.32 viewport kapliyordu (ilk paragraf 2.24 ekran sonra).
   Tavan 55vh (min 360 / max 560) + cover: kapak etkisi kalir, makale erken baslar. Oran DAYATILMADI:
   nufus yalniz 1:1 ve 16:9; tavan zaten bagleyici, aspect-ratio kurali karelerde etkisiz kalirdi (kanit F-065).
   Mobil 390 dogal 358px (0.42vh) saglikliydi; asagidaki 46vh tavani asil 768-dikey tableti korur (736px=%72 olurdu). */
@media (max-width:820px){ .hm-kapak img{max-height:46vh} }

/* PROSE — Business Journal: yoğun ama okunur. 68ch ölçü. */
.hm-prose{max-width:68ch;margin:30px auto 0;font-size:17px;line-height:1.72;color:var(--hmm)}
.hm-prose p{margin:0 0 20px}
.hm-prose h2{position:relative;font-size:clamp(21px,2.2vw,26px);font-weight:800;letter-spacing:-.01em;color:var(--hmm);margin:44px 0 14px;padding-left:16px}
.hm-prose h2::before{content:"▍";position:absolute;left:0;top:0;color:var(--hmv)} /* ▍ — Type D ayırıcısı (✦ DEĞİL) */
.hm-prose h3{font-size:18.5px;font-weight:700;margin:30px 0 10px}
.hm-prose ul,.hm-prose ol{margin:0 0 26px;padding-left:1.35em}
.hm-prose li{margin-bottom:7px}
.hm-prose img{border-radius:10px;margin:28px auto}
.hm-prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 28px}
.hm-prose th{background:var(--hmz);border:1px solid var(--hmh);padding:10px 12px;text-align:left;font-weight:700}
.hm-prose td{border:1px solid var(--hmh);padding:10px 12px}
.hm-prose a{color:var(--hmv);text-decoration:underline;text-underline-offset:2px}

/* Pattern stilleri (isteğe bağlı bloklar) */
.hm-prose .hm-p-deger{list-style:none;padding:14px 18px;background:var(--hmz);border:1px solid var(--hmh);border-radius:10px}
.hm-prose .hm-p-deger li{font-weight:600}
.hm-prose .hm-p-check{list-style:none;padding-left:0}
.hm-prose .hm-p-check li{position:relative;padding-left:28px}
.hm-prose .hm-p-check li::before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;background:var(--hmv);color:#fff;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hm-prose .hm-p-uyari{background:#FFFBEB;border:1px solid #FDE68A;border-left:4px solid var(--hma);border-radius:10px;padding:14px 18px;margin:0 0 26px}
.hm-prose .hm-p-uyari p{margin:0}

/* Ölçülü CTA (Type D istisnası — tek, sakin, gerçek değer: araç hub'ı) */
.hm-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;max-width:68ch;margin:38px auto 46px;background:var(--hmz);border:1px solid var(--hmh);border-radius:12px;padding:20px 24px}
.hm-cta-b{margin:0 0 4px;font-weight:800;font-size:16.5px;color:var(--hmm)}
.hm-cta-a{margin:0;color:var(--hmm2);font-size:14px}
.hm-cta-btn{display:inline-flex;align-items:center;background:var(--hmv);color:#fff;font-weight:700;font-size:14.5px;padding:12px 22px;border-radius:9px;text-decoration:none;white-space:nowrap}
.hm-cta-btn:hover{background:var(--hmv-k);color:#fff}

@media (prefers-reduced-motion:reduce){
  .hm-okuma span{transition:none}
  .hm-makale *{transition:none!important;animation:none!important}
}
@media (max-width:640px){
  .hm-baslik{font-size:24px}
  .hm-prose{font-size:16px}
  .hm-cta{flex-direction:column;align-items:stretch;text-align:center}
}
@media print{
  .hm-okuma,.hm-toc,.hm-cta,header.hz-header,footer,.hz-header,nav{display:none!important}
  .hm-bas{background:#fff;border:0;padding:0}
  .hm-prose{max-width:100%;font-size:12pt}
  .hm-prose h2::before{color:#000}
  .hm-deger{border-left-color:#000}
}

/* CLS-fix (Sprint A kapisi): baslik-bandi bilesenleri system-ui — font-swap bu dugumlere dokunamaz
   (390px olcumunde .hm-deger/.hm-toc/meta swap ile yeniden sariyordu: 0.0486). Govde site fontunda kalir. */
.hm-ust,.hm-meta,.hm-deger,.hm-toc{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}