/**
 * CM Cost Scale - the layout and the looks. Every colour and space is a --cm-csc-* 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; a stop's title is its size
 * class times a scale variable, as the band's title is. 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 808 px of it the heading's sentence sits under its title and the line stands upright at the left, the stops down it,
 * each ring on the line beside its stop's first words. From 808 the sentence sits at the right of the title, and a scale of up to three
 * stops lies across: the rings rest on the line's top edge, the first stop left-aligned under the line's start, the last right-aligned
 * under its end, the others centred; a stop's paragraph keeps left-aligned lines. A scale of four stops lies across from 1100 px. 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-cost-scale,
.wp-block-w4ya-cm-cost-scale { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-csc-bg); color: var(--cm-csc-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale *,
.wp-block-w4ya-cm-cost-scale * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__inner,
.wp-block-w4ya-cm-cost-scale .cm-csc__inner { padding: var(--cm-csc-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__inner,
.wp-block-w4ya-cm-cost-scale .cm-csc__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__inner p,
.wp-block-w4ya-cm-cost-scale .cm-csc__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-cost-scale .cm-csc__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-cost-scale .cm-csc__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-cost-scale .cm-csc__inner :where(ul, ol),
.wp-block-w4ya-cm-cost-scale .cm-csc__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-cost-scale .cm-csc__inner,
    .wp-block-w4ya-cm-cost-scale .cm-csc__inner { padding: var(--cm-csc-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale p.cm-csc__kicker,
.wp-block-w4ya-cm-cost-scale p.cm-csc__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-csc-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__title,
.wp-block-w4ya-cm-cost-scale .cm-csc__title { color: var(--cm-csc-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__placeholder,
.wp-block-w4ya-cm-cost-scale .cm-csc__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-cost-scale .cm-csc__head,
.wp-block-w4ya-cm-cost-scale .cm-csc__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75em; padding-top: 0.85em; border-top: 3px solid var(--cm-csc-head-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale p.cm-csc__kicker,
.wp-block-w4ya-cm-cost-scale p.cm-csc__kicker { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__title,
.wp-block-w4ya-cm-cost-scale .cm-csc__title { letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__title-text,
.wp-block-w4ya-cm-cost-scale .cm-csc__title-text { display: block; font-size: calc(1em * var(--cm-csc-title-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__lead,
.wp-block-w4ya-cm-cost-scale .cm-csc__lead { max-width: 34em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale,
.wp-block-w4ya-cm-cost-scale .cm-csc__scale { position: relative; margin-top: 1.7em; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:first-child,
.wp-block-w4ya-cm-cost-scale .cm-csc__scale:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__line,
.wp-block-w4ya-cm-cost-scale .cm-csc__line { position: absolute; left: calc((var(--cm-csc-ring-size) - var(--cm-csc-line-width)) / 2); top: 6px; bottom: 6px; width: var(--cm-csc-line-width); border-radius: calc(var(--cm-csc-line-width) / 2); background: linear-gradient(180deg, var(--cm-csc-line-start), var(--cm-csc-line-mid) 50%, var(--cm-csc-line-end)); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__stops,
.wp-block-w4ya-cm-cost-scale .cm-csc__stops { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.9em; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__stop,
.wp-block-w4ya-cm-cost-scale .cm-csc__stop { position: relative; min-width: 0; padding-left: calc(var(--cm-csc-ring-size) + 18px); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__stop.cm-csc__placeholder,
.wp-block-w4ya-cm-cost-scale .cm-csc__stop.cm-csc__placeholder { padding: 0.3em 0.5em; margin-left: calc(var(--cm-csc-ring-size) + 18px); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__ring,
.wp-block-w4ya-cm-cost-scale .cm-csc__ring { position: absolute; left: 0; top: 0; width: var(--cm-csc-ring-size); height: var(--cm-csc-ring-size); border: var(--cm-csc-ring-width) solid var(--cm-csc-ring-mid); border-radius: 50%; background: var(--cm-csc-ring-bg); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__stop:first-child > .cm-csc__ring,
.wp-block-w4ya-cm-cost-scale .cm-csc__stop:first-child > .cm-csc__ring { border-color: var(--cm-csc-ring-start); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__stop:last-child:not(:first-child) > .cm-csc__ring,
.wp-block-w4ya-cm-cost-scale .cm-csc__stop:last-child:not(:first-child) > .cm-csc__ring { border-color: var(--cm-csc-ring-end); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale p.cm-csc__tag,
.wp-block-w4ya-cm-cost-scale p.cm-csc__tag { font-weight: 500; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; color: var(--cm-csc-tag); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__name,
.wp-block-w4ya-cm-cost-scale .cm-csc__name { margin-top: 0.15em; font-weight: 500; line-height: 1.2; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__ring + .cm-csc__name,
.wp-block-w4ya-cm-cost-scale .cm-csc__ring + .cm-csc__name { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__name-text,
.wp-block-w4ya-cm-cost-scale .cm-csc__name-text { display: block; font-size: calc(1em * var(--cm-csc-name-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__body,
.wp-block-w4ya-cm-cost-scale .cm-csc__body { display: block; margin-top: 0.5em; text-align: left; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__ring + .cm-csc__body,
.wp-block-w4ya-cm-cost-scale .cm-csc__ring + .cm-csc__body { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__text,
.wp-block-w4ya-cm-cost-scale .cm-csc__text { line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__more,
.wp-block-w4ya-cm-cost-scale .cm-csc__more { margin-top: 0.6em; font-weight: 500; line-height: 1.4; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__more:first-child,
.wp-block-w4ya-cm-cost-scale .cm-csc__more:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__link,
.wp-block-w4ya-cm-cost-scale .cm-csc__link { color: var(--cm-csc-link); }

@container (min-width: 808px) { /* the inner wrapper's own width: the heading in two columns; a scale of up to three stops lies across */
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__head,
    .wp-block-w4ya-cm-cost-scale .cm-csc__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3.4em; align-items: end; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__title-text,
    .wp-block-w4ya-cm-cost-scale .cm-csc__title-text { font-size: calc(1em * var(--cm-csc-title-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__lead,
    .wp-block-w4ya-cm-cost-scale .cm-csc__lead { padding-bottom: 0.2em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale { margin-top: 2.6em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__line,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__line { left: 0; right: 0; top: var(--cm-csc-ring-size); bottom: auto; width: auto; height: var(--cm-csc-line-width); background: linear-gradient(90deg, var(--cm-csc-line-start), var(--cm-csc-line-mid) 50%, var(--cm-csc-line-end)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stops,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stops { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--cm-csc-gap); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop { padding: calc(var(--cm-csc-ring-size) + var(--cm-csc-line-width) + 2.1em) 0 0; text-align: center; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:first-child,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:first-child { text-align: left; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:last-child:not(:first-child),
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:last-child:not(:first-child) { text-align: right; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__ring,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__ring { left: calc(50% - var(--cm-csc-ring-size) / 2); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:first-child > .cm-csc__ring,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:first-child > .cm-csc__ring { left: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:last-child:not(:first-child) > .cm-csc__ring,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop:last-child:not(:first-child) > .cm-csc__ring { left: auto; right: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__body,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__body { display: inline-block; max-width: var(--cm-csc-text-max); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__name-text,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__name-text { font-size: calc(1em * var(--cm-csc-name-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop.cm-csc__placeholder,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale:not(.cm-csc__scale--n4) .cm-csc__stop.cm-csc__placeholder { margin-top: calc(var(--cm-csc-ring-size) + var(--cm-csc-line-width) + 1em); padding: 0.3em 0.5em; }
}
@container (min-width: 1100px) { /* a scale of four stops lies across */
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__line,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__line { left: 0; right: 0; top: var(--cm-csc-ring-size); bottom: auto; width: auto; height: var(--cm-csc-line-width); background: linear-gradient(90deg, var(--cm-csc-line-start), var(--cm-csc-line-mid) 50%, var(--cm-csc-line-end)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stops,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stops { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--cm-csc-gap); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop { padding: calc(var(--cm-csc-ring-size) + var(--cm-csc-line-width) + 2.1em) 0 0; text-align: center; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:first-child,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:first-child { text-align: left; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:last-child:not(:first-child),
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:last-child:not(:first-child) { text-align: right; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__ring,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__ring { left: calc(50% - var(--cm-csc-ring-size) / 2); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:first-child > .cm-csc__ring,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:first-child > .cm-csc__ring { left: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:last-child:not(:first-child) > .cm-csc__ring,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop:last-child:not(:first-child) > .cm-csc__ring { left: auto; right: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__body,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__body { display: inline-block; max-width: var(--cm-csc-text-max); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__name-text,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__name-text { font-size: calc(1em * var(--cm-csc-name-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop.cm-csc__placeholder,
    .wp-block-w4ya-cm-cost-scale .cm-csc__scale--n4 .cm-csc__stop.cm-csc__placeholder { margin-top: calc(var(--cm-csc-ring-size) + var(--cm-csc-line-width) + 1em); padding: 0.3em 0.5em; }
}