/* ============================================================
   SECTION + SECTION TITLE — Figma "Music" (33:6196) / "SECTION TITLE".
   Line · [TAG title ........ link ↗] · line
   ============================================================ */

.section {
  display: flex;
  flex-direction: column;
  gap: var(--section-gap);
  padding: var(--section-pad) var(--gutter);
}

.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-stack);
  padding-block: var(--space-stack);
  /* top/bottom lines: .ruled (base.css), so they can draw in */
}

/* "Full credits ↗" style link */
.link-out {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: var(--fs-text);
  line-height: var(--lh-body);
  text-decoration: none;
}
/* Underline: see .link-underline in base.css (animated on hover) */