/* Global heading token'ları */
:root{
  --heading-color: #0f172a;      /* başlık rengi */
  --subhead-color:#64748b;       /* alt açıklama */
  --accent:       #3b82f6;       /* sol vurgu rengi */
  --h1-size: clamp(28px, 2.8vw, 36px);
  --h2-size: clamp(22px, 2.2vw, 28px);
  --h3-size: clamp(18px, 1.8vw, 24px);
}

/* Bölüm başlığı kapsayıcısı */
.section-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; padding:8px 0 12px; margin:8px 0 16px;
  border-bottom:1px solid rgba(2,8,20,.06);
}

/* Sol taraftaki başlık bloğu (başlık + kısa açıklama) */
.section-head .section-meta{min-width:0}
.section-title{
  margin:0; color:var(--heading-color);
  font-family: var(--font-heading, inherit) !important;
  font-weight: var(--heading-weight, 700) !important;
  line-height:1.2;
  font-size: var(--h2-size);
  position:relative; padding-left:18px;
}
.section-title::before{
  content:""; position:absolute; left:0; top:4px; bottom:4px; width:4px;
  border-radius:4px; background:var(--accent);
}

/* Alt açıklama */
.section-subtitle{
  margin:6px 0 0; color:var(--subhead-color);
  font-size: 0.95rem; line-height:1.5;
}

/* Sağdaki buton alanı */
.section-actions{display:flex; align-items:center; gap:8px; white-space:nowrap}
.section-actions .btn{padding:.45rem .75rem; border-radius:10px}

/* Kart içi başlıkları da hizalayalım (opsiyonel) */
.card .card-title{
  font-family: var(--font-heading, inherit) !important;
  font-weight: var(--heading-weight, 700) !important;
  margin-bottom:.35rem;
}

/* Küçük ekranlarda sıkışmayı azalt */
@media (max-width: 576px){
  .section-head{flex-direction:column; align-items:flex-start; gap:8px}
  .section-actions{width:100%}
  .section-actions .btn{width:100%}
}