/* CTA band (design-direction.md #10). Root class: .mmc-cta-band. Every rule below is nested
   under it so nothing here can match a same-named class in the parent theme or another
   package. */
.mmc-cta-band { padding-block: var(--mm-section-y); }
/* This band is full-bleed, with the inset-from-the-edge already handled by base.css's
   .mm-surface-brand rule (padding-inline, shared by every surface). .mm-cta__inner's max-width
   is narrower still (a focused reading column for the CTA message, not the site's full content
   width) -- margin-inline:auto centers it within whatever width the surface's own padding
   already left available. */
.mmc-cta-band .mm-cta__inner { display: grid; gap: var(--mm-space-5); max-width: 46rem; margin-inline: auto; }
.mmc-cta-band .mm-h2 { max-width: 22ch; }
.mmc-cta-band .mm-signoff { margin-top: var(--mm-space-4); }
.mmc-cta-band .mm-related { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--mm-space-4); font: 500 var(--mm-font-size-sm)/1.4 var(--mm-font-ui); color: var(--mm-text-body); }
.mmc-cta-band .mm-related ul { display: flex; flex-wrap: wrap; gap: 0 var(--mm-space-4); list-style: none; margin: 0; padding: 0; }
/* The parent theme gives content <li>s their own disc marker, which beat the ul's list-style. */
.mmc-cta-band .mm-related li { list-style: none !important; margin: 0; padding: 0; }
.mmc-cta-band .mm-related a { display: inline-flex; align-items: center; min-height: var(--mm-target-min); color: var(--mm-link); text-decoration: underline; text-decoration-color: var(--mm-link-underline); text-decoration-thickness: 2px; text-underline-offset: 0.2em; }