/* CMS-authored content helpers
   - raw-html-embed: pasted HTML cards carry inline styles that assume a light
     palette (e.g. a dark gold label on a dark gradient band). Inline styles
     can only be overridden with !important.
   - cms-list-columns: multi-column lists applied from the editor. */

.raw-html-embed {
    /* Section label on the dark header band ("Quarterly Service", etc.) */
    [style*="letter-spacing:.15em"][style*="text-transform:uppercase"] {
        color: var(--dk-accent) !important;
    }
}

.cms-list-columns {
    @media screen and (min-width: 700px) {
        &.cms-list-columns--2 {
            column-count: 2;
            column-gap: 2rem;

            > li {
                break-inside: avoid;
            }
        }
    }
}