/* ==========================================================================
   Yak Express widget — Section heading (.yak-sh)
   Builds on .yak-h2 / .yak-h3 / .yak-lead from theme.css; only the differences live here.
   ========================================================================== */
.yak-sh { display: flex; flex-direction: column; gap: 12px; }
.yak-sh--center { text-align: center; align-items: center; margin-left: auto; margin-right: auto; }
.yak-sh__title { margin: 0; color: var(--ink-primary); }
.yak-sh__text { margin: 0; }
.yak-sh .yak-sh__text--ink { color: var(--ink-primary); }
.yak-sh .yak-sh__text--muted { font-size: 15px; line-height: 1.6; color: var(--ink-secondary); text-wrap: pretty; }
.yak-sh__text a { font-weight: 600; }

/* Medium size: h3 sub-headings (21px) with a 16px lead, as in the Business Portal section */
.yak-sh--medium .yak-sh__title { text-wrap: pretty; }
.yak-sh--medium .yak-sh__text { font-size: 16px; line-height: 1.6; }
.yak-sh--medium .yak-sh__text--muted { font-size: 15px; }

/* Split: title left, copy right (About page intro) */
.yak-sh--split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px; align-items: start; }
.yak-sh--split .yak-sh__title { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; text-wrap: balance; }
.yak-sh--split .yak-sh__body { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.yak-sh--split .yak-sh__text { font-size: 18px; line-height: 1.7; color: var(--ink-primary); text-wrap: pretty; }
.yak-sh--split .yak-sh__text--muted { font-size: 15px; line-height: 1.6; color: var(--ink-secondary); }