/**
 * CM Check Box - the layout and the looks. Every colour and space is a --cm-ckb-* 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 808 px of it the box is one column (the words, a rule, the items one under another); from 808 the items sit two across
 * under the words; from 1100 the words stand at the left (--cm-ckb-words-width) with a rule between them and the items, two across at
 * the right. 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-check-box,
.wp-block-w4ya-cm-check-box { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-ckb-bg); color: var(--cm-ckb-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box *,
.wp-block-w4ya-cm-check-box * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__inner,
.wp-block-w4ya-cm-check-box .cm-ckb__inner { padding: var(--cm-ckb-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__inner,
.wp-block-w4ya-cm-check-box .cm-ckb__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__inner p,
.wp-block-w4ya-cm-check-box .cm-ckb__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-check-box .cm-ckb__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-check-box .cm-ckb__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-check-box .cm-ckb__inner :where(ul, ol),
.wp-block-w4ya-cm-check-box .cm-ckb__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-check-box .cm-ckb__inner,
    .wp-block-w4ya-cm-check-box .cm-ckb__inner { padding: var(--cm-ckb-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-check-box p.cm-ckb__kicker,
.wp-block-w4ya-cm-check-box p.cm-ckb__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-ckb-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__title,
.wp-block-w4ya-cm-check-box .cm-ckb__title { color: var(--cm-ckb-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__placeholder,
.wp-block-w4ya-cm-check-box .cm-ckb__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-check-box .cm-ckb__box,
.wp-block-w4ya-cm-check-box .cm-ckb__box { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--cm-ckb-box-bg); border: 1px solid var(--cm-ckb-box-border); }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__words,
.wp-block-w4ya-cm-check-box .cm-ckb__words { padding: 1.5em 1.25em; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__words:not(:last-child),
.wp-block-w4ya-cm-check-box .cm-ckb__words:not(:last-child) { border-bottom: 1px solid var(--cm-ckb-box-border); }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box p.cm-ckb__kicker,
.wp-block-w4ya-cm-check-box p.cm-ckb__kicker { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__title,
.wp-block-w4ya-cm-check-box .cm-ckb__title { letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__lead,
.wp-block-w4ya-cm-check-box .cm-ckb__lead { margin-top: 0.7em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__lead:first-child,
.wp-block-w4ya-cm-check-box .cm-ckb__lead:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__items,
.wp-block-w4ya-cm-check-box .cm-ckb__items { display: grid; grid-template-columns: minmax(0, 1fr); padding: 0.25em 1.25em; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item,
.wp-block-w4ya-cm-check-box .cm-ckb__item { display: grid; grid-template-columns: var(--cm-ckb-mark-size) minmax(0, 1fr); gap: 0.9em; align-items: start; padding: 1.15em 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item + .cm-ckb__item,
.wp-block-w4ya-cm-check-box .cm-ckb__item + .cm-ckb__item { border-top: 1px solid var(--cm-ckb-item-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item.cm-ckb__placeholder,
.wp-block-w4ya-cm-check-box .cm-ckb__item.cm-ckb__placeholder { display: block; margin: 0.6em 0; padding: 0.3em 0.5em; border: 1px dashed currentColor; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__mark,
.wp-block-w4ya-cm-check-box .cm-ckb__mark { width: var(--cm-ckb-mark-size); height: var(--cm-ckb-mark-size); margin-top: 0.1em; border: 2px solid var(--cm-ckb-mark); }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item-title,
.wp-block-w4ya-cm-check-box .cm-ckb__item-title { font-weight: 500; line-height: 1.3; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item-text,
.wp-block-w4ya-cm-check-box .cm-ckb__item-text { margin-top: 0.15em; line-height: 1.5; }
.editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item-text:first-child,
.wp-block-w4ya-cm-check-box .cm-ckb__item-text:first-child { margin-top: 0; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__words,
    .wp-block-w4ya-cm-check-box .cm-ckb__words { padding: 1.7em 1.7em 1.75em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__items,
    .wp-block-w4ya-cm-check-box .cm-ckb__items { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 0.55em 1.7em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item,
    .wp-block-w4ya-cm-check-box .cm-ckb__item { padding: 1em 1.1em 1em 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item + .cm-ckb__item,
    .wp-block-w4ya-cm-check-box .cm-ckb__item + .cm-ckb__item { border-top: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__item:nth-child(n+3),
    .wp-block-w4ya-cm-check-box .cm-ckb__item:nth-child(n+3) { border-top: 1px solid var(--cm-ckb-item-rule); }
}
@container (min-width: 1100px) {
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__box,
    .wp-block-w4ya-cm-check-box .cm-ckb__box { grid-template-columns: var(--cm-ckb-words-width) minmax(0, 1fr); }
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__box > :only-child,
    .wp-block-w4ya-cm-check-box .cm-ckb__box > :only-child { grid-column: 1 / -1; }
    .editor-styles-wrapper .wp-block-w4ya-cm-check-box .cm-ckb__words:not(:last-child),
    .wp-block-w4ya-cm-check-box .cm-ckb__words:not(:last-child) { border-bottom: 0; border-right: 1px solid var(--cm-ckb-box-border); }
}