/* =========================================================
   Section header â€” paired heading with mono index code.
   Borrows the binder/catalog feel.
   ========================================================= */
.mz-section-head {
  display: flex; align-items: end; justify-content: space-between;
  gap: var(--s-6);
  margin-bottom: var(--s-7);
  padding-bottom: var(--s-4);
  border-bottom: 1px solid var(--ink-1);
}
.mz-section-head__title { display: flex; flex-direction: column; gap: var(--s-2); }
.mz-section-head__index {
  font: 600 var(--t-xs)/1 var(--ff-mono);
  letter-spacing: var(--tr-micro);
  text-transform: uppercase;
  color: var(--ink-3);
}
.mz-section-head__link {
  font: 600 var(--t-sm)/1 var(--ff-ui);
  display: inline-flex; align-items: center; gap: var(--s-2);
  border-bottom: 1px solid var(--ink-1);
  padding-bottom: 2px;
}
.mz-section-head__link svg { width: 14px; height: 14px; }

