/* ==========================================================================
   Component: section heading  (<x-site.section-heading>)
   --------------------------------------------------------------------------
   Tag + title on the start side; intro text + pill link on the end side,
   aligned to the bottom. Stacks on mobile.
   ========================================================================== */

.sh {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--s-4) var(--s-7);
    margin-bottom: var(--s-6);
}
.sh__main  { max-width: 40rem; }
.sh__title { margin-top: var(--s-3); font-size: var(--fs-xl); }
.sh__side  { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-3); max-width: 28rem; }
.sh__text  { color: var(--ink-soft); }