/**
 * CM Statement Rows - the layout and the looks. Every colour and space is a --cm-smr-* 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 numeral and a statement
 * 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 808 px of it a row is its numeral beside the statement with the sentence under the statement; from 808 a row is
 * numeral, statement, sentence on one line (--cm-smr-columns). 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-statement-rows,
.wp-block-w4ya-cm-statement-rows { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-smr-bg); color: var(--cm-smr-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows *,
.wp-block-w4ya-cm-statement-rows * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__inner,
.wp-block-w4ya-cm-statement-rows .cm-smr__inner { padding: var(--cm-smr-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__inner,
.wp-block-w4ya-cm-statement-rows .cm-smr__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__inner p,
.wp-block-w4ya-cm-statement-rows .cm-smr__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-statement-rows .cm-smr__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-statement-rows .cm-smr__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-statement-rows .cm-smr__inner :where(ul, ol),
.wp-block-w4ya-cm-statement-rows .cm-smr__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-statement-rows .cm-smr__inner,
    .wp-block-w4ya-cm-statement-rows .cm-smr__inner { padding: var(--cm-smr-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows p.cm-smr__kicker,
.wp-block-w4ya-cm-statement-rows p.cm-smr__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-smr-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__title,
.wp-block-w4ya-cm-statement-rows .cm-smr__title { color: var(--cm-smr-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__placeholder,
.wp-block-w4ya-cm-statement-rows .cm-smr__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-statement-rows p.cm-smr__kicker,
.wp-block-w4ya-cm-statement-rows p.cm-smr__kicker { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__title,
.wp-block-w4ya-cm-statement-rows .cm-smr__title { letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__rows,
.wp-block-w4ya-cm-statement-rows .cm-smr__rows { margin-top: 1.6em; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__rows:first-child,
.wp-block-w4ya-cm-statement-rows .cm-smr__rows:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__row,
.wp-block-w4ya-cm-statement-rows .cm-smr__row { display: grid; grid-template-columns: 2.8em minmax(0, 1fr); gap: 0 0.5em; align-items: start; padding: 1.4em 0; border-top: 1px solid var(--cm-smr-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__row:last-child,
.wp-block-w4ya-cm-statement-rows .cm-smr__row:last-child { border-bottom: 1px solid var(--cm-smr-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__row.cm-smr__placeholder,
.wp-block-w4ya-cm-statement-rows .cm-smr__row.cm-smr__placeholder { display: block; margin: 0.6em 0; padding: 0.3em 0.5em; border: 1px dashed currentColor; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__num,
.wp-block-w4ya-cm-statement-rows .cm-smr__num { margin: 0; grid-column: 1; grid-row: 1 / span 2; color: var(--cm-smr-accent); font-weight: var(--cm-smr-numeral-weight); line-height: 1; }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__num-text,
.wp-block-w4ya-cm-statement-rows .cm-smr__num-text { display: block; font-size: calc(1em * var(--cm-smr-numeral-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__say,
.wp-block-w4ya-cm-statement-rows .cm-smr__say { grid-column: 2; font-weight: 500; line-height: 1.15; letter-spacing: 0; color: var(--cm-smr-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__say-text,
.wp-block-w4ya-cm-statement-rows .cm-smr__say-text { display: block; font-size: calc(1em * var(--cm-smr-say-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__why,
.wp-block-w4ya-cm-statement-rows .cm-smr__why { grid-column: 2; margin-top: 0.6em; line-height: 1.55; color: var(--cm-smr-why); }
.editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__why:nth-child(2),
.wp-block-w4ya-cm-statement-rows .cm-smr__why:nth-child(2) { margin-top: 0; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__rows,
    .wp-block-w4ya-cm-statement-rows .cm-smr__rows { margin-top: 1.7em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__row,
    .wp-block-w4ya-cm-statement-rows .cm-smr__row { grid-template-columns: var(--cm-smr-columns); gap: 0 1.9em; align-items: center; }
    .editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__num,
    .wp-block-w4ya-cm-statement-rows .cm-smr__num { grid-row: auto; }
    .editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__num-text,
    .wp-block-w4ya-cm-statement-rows .cm-smr__num-text { font-size: calc(1em * var(--cm-smr-numeral-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__say-text,
    .wp-block-w4ya-cm-statement-rows .cm-smr__say-text { font-size: calc(1em * var(--cm-smr-say-scale-wide)); }
    .editor-styles-wrapper .wp-block-w4ya-cm-statement-rows .cm-smr__why,
    .wp-block-w4ya-cm-statement-rows .cm-smr__why { grid-column: 3; margin-top: 0; }
}