/**
 * CM Compare Cards - the layout and the looks. Every colour and space is a --cm-cpc-* 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. 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 cards stack, from 950 they sit three across with equal heights, each closing line at its card's foot.
 * 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-compare-cards,
.wp-block-w4ya-cm-compare-cards { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-cpc-bg); color: var(--cm-cpc-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards *,
.wp-block-w4ya-cm-compare-cards * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__inner,
.wp-block-w4ya-cm-compare-cards .cm-cpc__inner { padding: var(--cm-cpc-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__inner,
.wp-block-w4ya-cm-compare-cards .cm-cpc__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__inner p,
.wp-block-w4ya-cm-compare-cards .cm-cpc__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-compare-cards .cm-cpc__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-compare-cards .cm-cpc__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-compare-cards .cm-cpc__inner :where(ul, ol),
.wp-block-w4ya-cm-compare-cards .cm-cpc__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-compare-cards .cm-cpc__inner,
    .wp-block-w4ya-cm-compare-cards .cm-cpc__inner { padding: var(--cm-cpc-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards p.cm-cpc__kicker,
.wp-block-w4ya-cm-compare-cards p.cm-cpc__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-cpc-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__title,
.wp-block-w4ya-cm-compare-cards .cm-cpc__title { color: var(--cm-cpc-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__placeholder,
.wp-block-w4ya-cm-compare-cards .cm-cpc__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-compare-cards .cm-cpc__lead,
.wp-block-w4ya-cm-compare-cards .cm-cpc__lead { max-width: var(--cm-cpc-lead-max); margin-top: 0.5em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__cards,
.wp-block-w4ya-cm-compare-cards .cm-cpc__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.4em; margin-top: 1.7em; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__cards:first-child,
.wp-block-w4ya-cm-compare-cards .cm-cpc__cards:first-child { margin-top: 0.8em; } /* room for a tag on the top edge */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__card,
.wp-block-w4ya-cm-compare-cards .cm-cpc__card { position: relative; display: flex; flex-direction: column; padding: 1.35em 1.25em 1.3em; background: var(--cm-cpc-card-bg); border: 1px solid var(--cm-cpc-card-border); border-radius: var(--cm-cpc-radius); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__card.cm-cpc__placeholder,
.wp-block-w4ya-cm-compare-cards .cm-cpc__card.cm-cpc__placeholder { display: block; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__card--tagged,
.wp-block-w4ya-cm-compare-cards .cm-cpc__card--tagged { border-color: var(--cm-cpc-accent); box-shadow: 0 0 0 1px var(--cm-cpc-accent); } /* a 2 px outline that moves nothing */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards p.cm-cpc__tag,
.wp-block-w4ya-cm-compare-cards p.cm-cpc__tag { position: absolute; top: 0; left: 1.6em; transform: translateY(-50%); padding: 0.25em 0.8em; background: var(--cm-cpc-accent); border-radius: 4px; color: var(--cm-cpc-accent-text); font-weight: 500; letter-spacing: 0.12em; line-height: 1.5; text-transform: uppercase; white-space: nowrap; } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__head,
.wp-block-w4ya-cm-compare-cards .cm-cpc__head { display: flex; align-items: center; gap: 0.75em; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__disc,
.wp-block-w4ya-cm-compare-cards .cm-cpc__disc { flex: none; display: flex; align-items: center; justify-content: center; width: var(--cm-cpc-disc); height: var(--cm-cpc-disc); border-radius: 50%; background: var(--cm-cpc-disc-bg); color: var(--cm-cpc-icon); font-size: calc(var(--cm-cpc-disc) * 0.5); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__disc .cm-icon,
.wp-block-w4ya-cm-compare-cards .cm-cpc__disc .cm-icon { stroke-width: 2; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__card--tagged .cm-cpc__disc,
.wp-block-w4ya-cm-compare-cards .cm-cpc__card--tagged .cm-cpc__disc { background: var(--cm-cpc-accent); color: var(--cm-cpc-accent-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__name,
.wp-block-w4ya-cm-compare-cards .cm-cpc__name { font-weight: 500; line-height: 1.25; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__rows,
.wp-block-w4ya-cm-compare-cards .cm-cpc__rows { margin-top: 0.3em; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__rows:first-child,
.wp-block-w4ya-cm-compare-cards .cm-cpc__rows:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__row,
.wp-block-w4ya-cm-compare-cards .cm-cpc__row { margin-top: 0.75em; padding-top: 0.65em; border-top: 1px solid var(--cm-cpc-row-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards p.cm-cpc__row-label,
.wp-block-w4ya-cm-compare-cards p.cm-cpc__row-label { letter-spacing: 0.12em; text-transform: uppercase; } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__row-text,
.wp-block-w4ya-cm-compare-cards .cm-cpc__row-text { margin-top: 0.2em; line-height: 1.5; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__row-text:first-child,
.wp-block-w4ya-cm-compare-cards .cm-cpc__row-text:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__bold,
.wp-block-w4ya-cm-compare-cards .cm-cpc__bold { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__foot,
.wp-block-w4ya-cm-compare-cards .cm-cpc__foot { margin-top: auto; padding-top: 1.3em; font-weight: 500; line-height: 1.3; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__foot:first-child,
.wp-block-w4ya-cm-compare-cards .cm-cpc__foot:first-child { padding-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__foot-link,
.wp-block-w4ya-cm-compare-cards .cm-cpc__foot-link { color: var(--cm-cpc-link); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__foot-tel,
.wp-block-w4ya-cm-compare-cards .cm-cpc__foot-tel { color: var(--cm-cpc-phone); font-size: calc(1em * var(--cm-cpc-phone-scale)); font-weight: 700; text-decoration: none; white-space: nowrap; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__disc,
    .wp-block-w4ya-cm-compare-cards .cm-cpc__disc { width: var(--cm-cpc-disc-wide); height: var(--cm-cpc-disc-wide); font-size: calc(var(--cm-cpc-disc-wide) * 0.5); }
}
@container (min-width: 950px) {
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__cards,
    .wp-block-w4ya-cm-compare-cards .cm-cpc__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1em; margin-top: 1.5em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-cards .cm-cpc__card,
    .wp-block-w4ya-cm-compare-cards .cm-cpc__card { padding: 1.3em 1.3em 1.2em; }
}