/**
 * CM Brief Hero - the layout and the looks. Every colour and space is a --cm-bfh-* variable: defaults from config.php
 * (build_global_css_properties), a site's own values from its site-specific.css. Sizes are the cm-fse classes; the headline, the figures
 * and the call line are their size class times a scale variable. Two-selector rule.
 * The section spans the page; the inner wrapper carries the width classes (the sibling blocks' width) and is the container the band
 * measures: under 950 px of it the card sits under the words, full width; from 950 it sits at their right. From 808 px the large type takes
 * its wide scales. The inner wrapper's own padding is set on the inner wrapper, and a container cannot query itself: that rule measures
 * the torso (the page's width), so it uses 851.
 */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero,
.wp-block-w4ya-cm-brief-hero { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-bfh-bg); color: var(--cm-bfh-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero *,
.wp-block-w4ya-cm-brief-hero * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner,
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner { padding: var(--cm-bfh-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner,
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner p,
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner p { letter-spacing: normal; } /* the z width classes set a tracking on the wrapper AND on every p inside it (.zt95 p) */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner :where(p, h2, h3, ul, ol, li, blockquote) { margin: 0; } /* the size classes and the theme carry margins */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner :where(ul, ol),
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner :where(ul, ol) { padding: 0; list-style: none; }
@container (min-width: 851px) { /* measured on the torso, not the inner wrapper (see the head comment) */
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__inner { padding: var(--cm-bfh-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero p.cm-bfh__kicker,
.wp-block-w4ya-cm-brief-hero p.cm-bfh__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-bfh-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__title,
.wp-block-w4ya-cm-brief-hero .cm-bfh__title { color: var(--cm-bfh-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__placeholder,
.wp-block-w4ya-cm-brief-hero .cm-bfh__placeholder { opacity: 0.7; border: 1px dashed currentColor; border-radius: 4px; padding: 0.3em 0.5em; } /* the canvas stand-ins (the page prints none) */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner,
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner { padding-bottom: var(--cm-bfh-pad-bottom); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner :where(h1),
.wp-block-w4ya-cm-brief-hero .cm-bfh__inner :where(h1) { margin: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__rule,
.wp-block-w4ya-cm-brief-hero .cm-bfh__rule { border-top: var(--cm-bfh-rule-width) solid var(--cm-bfh-rule); padding-top: 0.85em; min-height: 0.85em; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero p.cm-bfh__kicker,
.wp-block-w4ya-cm-brief-hero p.cm-bfh__kicker { margin-bottom: 0; font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__title,
.wp-block-w4ya-cm-brief-hero .cm-bfh__title { margin: 0.85em 0 0; line-height: 1.12; letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__title-text,
.wp-block-w4ya-cm-brief-hero .cm-bfh__title-text { display: block; font-size: calc(1em * var(--cm-bfh-title-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__intro,
.wp-block-w4ya-cm-brief-hero .cm-bfh__intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.9em; margin-top: 1.6em; padding-top: 1.5em; border-top: 1px solid var(--cm-bfh-hairline); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__words,
.wp-block-w4ya-cm-brief-hero .cm-bfh__words { min-width: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__lead,
.wp-block-w4ya-cm-brief-hero .cm-bfh__lead { max-width: var(--cm-bfh-lead-max); line-height: 1.5; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__more,
.wp-block-w4ya-cm-brief-hero .cm-bfh__more { max-width: var(--cm-bfh-more-max); margin-top: 1em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__more:first-child,
.wp-block-w4ya-cm-brief-hero .cm-bfh__more:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__figs,
.wp-block-w4ya-cm-brief-hero .cm-bfh__figs { display: flex; flex-wrap: wrap; gap: 1.2em 1.25em; margin-top: 1.65em; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__figs:first-child,
.wp-block-w4ya-cm-brief-hero .cm-bfh__figs:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__fig,
.wp-block-w4ya-cm-brief-hero .cm-bfh__fig { flex: 1 1 0; min-width: 0; padding-top: 0.75em; border-top: 1px solid var(--cm-bfh-figure-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__figure,
.wp-block-w4ya-cm-brief-hero .cm-bfh__figure { color: var(--cm-bfh-figure); font-weight: var(--cm-bfh-figure-weight); line-height: 1; letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__figure-text,
.wp-block-w4ya-cm-brief-hero .cm-bfh__figure-text { display: block; font-size: calc(1em * var(--cm-bfh-figure-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__fig-words,
.wp-block-w4ya-cm-brief-hero .cm-bfh__fig-words { margin-top: 0.6em; line-height: 1.35; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__fig-words:first-child,
.wp-block-w4ya-cm-brief-hero .cm-bfh__fig-words:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__card,
.wp-block-w4ya-cm-brief-hero .cm-bfh__card { min-width: 0; padding: 1.15em 1.15em 1.25em; background: var(--cm-bfh-card-bg); border: 1px solid var(--cm-bfh-card-border); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero p.cm-bfh__card-title,
.wp-block-w4ya-cm-brief-hero p.cm-bfh__card-title { padding-bottom: 1em; border-bottom: 2px solid var(--cm-bfh-card-head-rule); font-weight: 500; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; color: var(--cm-bfh-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__row,
.wp-block-w4ya-cm-brief-hero .cm-bfh__row { display: grid; grid-template-columns: 5em minmax(0, 1fr); gap: 0.75em; padding: 0.7em 0; border-bottom: 1px solid var(--cm-bfh-row-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__row.cm-bfh__placeholder,
.wp-block-w4ya-cm-brief-hero .cm-bfh__row.cm-bfh__placeholder { display: block; margin-top: 0.6em; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__row-label,
.wp-block-w4ya-cm-brief-hero .cm-bfh__row-label { padding-top: 0.2em; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__row-fact,
.wp-block-w4ya-cm-brief-hero .cm-bfh__row-fact { font-weight: 500; line-height: 1.4; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__call,
.wp-block-w4ya-cm-brief-hero .cm-bfh__call { padding-top: 1em; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__call:first-child,
.wp-block-w4ya-cm-brief-hero .cm-bfh__call:first-child { padding-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero p.cm-bfh__call-label,
.wp-block-w4ya-cm-brief-hero p.cm-bfh__call-label { letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__call-line,
.wp-block-w4ya-cm-brief-hero .cm-bfh__call-line { font-weight: 700; line-height: 1.2; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__tel,
.wp-block-w4ya-cm-brief-hero .cm-bfh__tel { color: var(--cm-bfh-phone); font-weight: 700; text-decoration: none; white-space: nowrap; }
.editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__tel-text,
.wp-block-w4ya-cm-brief-hero .cm-bfh__tel-text { font-size: calc(1em * var(--cm-bfh-phone-scale)); }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__title-text,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__title-text { font-size: calc(1em * var(--cm-bfh-title-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__title,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__title { margin-top: 0.6em; line-height: 1.08; }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__intro,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__intro { margin-top: 1.5em; padding-top: 1.7em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__figs,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__figs { gap: 1.4em 2.6em; margin-top: 1.6em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__fig,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__fig { flex: 0 1 9.4em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__figure-text,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__figure-text { font-size: calc(1em * var(--cm-bfh-figure-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__tel-text,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__tel-text { font-size: calc(1em * var(--cm-bfh-phone-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__card,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__card { padding: 1.05em 1.2em 1.1em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__row,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__row { grid-template-columns: 4.1em minmax(0, 1fr); gap: 0.6em; padding: 0.5em 0; }
}
@container (min-width: 950px) {
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__intro,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__intro { grid-template-columns: minmax(0, 1fr) var(--cm-bfh-card-width); gap: 3.4em; align-items: start; }
}
@container (min-width: 851px) { /* measured on the torso, not the inner wrapper (see the head comment) */
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__inner,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__inner { padding-bottom: var(--cm-bfh-pad-bottom-wide); }
    .editor-styles-wrapper .wp-block-w4ya-cm-brief-hero .cm-bfh__rule,
    .wp-block-w4ya-cm-brief-hero .cm-bfh__rule { border-top-width: var(--cm-bfh-rule-width-wide); }
}
