/**
 * CM Compare Table - the layout and the looks. Every colour and space is a --cm-cpt-* 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 figure is its 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: the heading's sentence under its title; the label column not displayed; the two choices one under the
 * other, each answer under its own small label. From 808: the sentence at the right of the title; one table of three columns (the label
 * column, --cm-cpt-label-width, then the two choices), the three sharing the table's rows (subgrid; the table's cm-cpt--rows-N class
 * names how many), a 2 px rule under the heads and a hairline under each row; the in-answer labels are kept for screen readers only.
 * 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-table,
.wp-block-w4ya-cm-compare-table { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-cpt-bg); color: var(--cm-cpt-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table *,
.wp-block-w4ya-cm-compare-table * { box-sizing: border-box; }

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

.editor-styles-wrapper .wp-block-w4ya-cm-compare-table p.cm-cpt__kicker,
.wp-block-w4ya-cm-compare-table p.cm-cpt__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-cpt-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__title,
.wp-block-w4ya-cm-compare-table .cm-cpt__title { color: var(--cm-cpt-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__placeholder,
.wp-block-w4ya-cm-compare-table .cm-cpt__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-table .cm-cpt__head,
.wp-block-w4ya-cm-compare-table .cm-cpt__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75em; padding-top: 0.85em; border-top: 3px solid var(--cm-cpt-head-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table p.cm-cpt__kicker,
.wp-block-w4ya-cm-compare-table p.cm-cpt__kicker { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__title,
.wp-block-w4ya-cm-compare-table .cm-cpt__title { letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__lead,
.wp-block-w4ya-cm-compare-table .cm-cpt__lead { max-width: 34em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__table,
.wp-block-w4ya-cm-compare-table .cm-cpt__table { margin-top: 1.5em; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__table:first-child,
.wp-block-w4ya-cm-compare-table .cm-cpt__table:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__labels,
.wp-block-w4ya-cm-compare-table .cm-cpt__labels { display: none; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__choice + .cm-cpt__choice,
.wp-block-w4ya-cm-compare-table .cm-cpt__choice + .cm-cpt__choice { margin-top: 1.9em; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__top,
.wp-block-w4ya-cm-compare-table .cm-cpt__top { display: flex; align-items: center; gap: 0.8em; padding-bottom: 0.75em; border-bottom: 2px solid var(--cm-cpt-head-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__icon,
.wp-block-w4ya-cm-compare-table .cm-cpt__icon { flex: none; display: flex; align-items: center; justify-content: center; width: var(--cm-cpt-icon-box); height: var(--cm-cpt-icon-box); border: 2px solid var(--cm-cpt-icon); color: var(--cm-cpt-icon); font-size: calc(var(--cm-cpt-icon-box) * 0.58); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__icon .cm-icon,
.wp-block-w4ya-cm-compare-table .cm-cpt__icon .cm-icon { stroke-width: 2; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__top-words,
.wp-block-w4ya-cm-compare-table .cm-cpt__top-words { min-width: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__name,
.wp-block-w4ya-cm-compare-table .cm-cpt__name { font-weight: 500; line-height: 1.2; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__sub,
.wp-block-w4ya-cm-compare-table .cm-cpt__sub { margin-top: 0.1em; line-height: 1.35; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__cell,
.wp-block-w4ya-cm-compare-table .cm-cpt__cell { padding: 0.75em 0 1em; border-bottom: 1px solid var(--cm-cpt-hairline); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__choice:not(:last-child) > .cm-cpt__cell:last-child,
.wp-block-w4ya-cm-compare-table .cm-cpt__choice:not(:last-child) > .cm-cpt__cell:last-child { border-bottom: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__cell--empty,
.wp-block-w4ya-cm-compare-table .cm-cpt__cell--empty { display: none; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table p.cm-cpt__cell-label,
.wp-block-w4ya-cm-compare-table p.cm-cpt__cell-label { margin-bottom: 0.35em; font-weight: 500; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__fig,
.wp-block-w4ya-cm-compare-table .cm-cpt__fig { color: var(--cm-cpt-figure); font-weight: var(--cm-cpt-figure-weight); line-height: 1.1; letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__fig-text,
.wp-block-w4ya-cm-compare-table .cm-cpt__fig-text { display: block; font-size: calc(1em * var(--cm-cpt-figure-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__figure,
.wp-block-w4ya-cm-compare-table .cm-cpt__figure { font-weight: 700; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__big,
.wp-block-w4ya-cm-compare-table .cm-cpt__big { max-width: 17.5em; font-weight: 500; line-height: 1.35; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__text,
.wp-block-w4ya-cm-compare-table .cm-cpt__text { line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__fig + .cm-cpt__text,
.wp-block-w4ya-cm-compare-table .cm-cpt__fig + .cm-cpt__text,
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__big + .cm-cpt__text,
.wp-block-w4ya-cm-compare-table .cm-cpt__big + .cm-cpt__text,
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__fig + .cm-cpt__big,
.wp-block-w4ya-cm-compare-table .cm-cpt__fig + .cm-cpt__big { margin-top: 0.3em; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__close,
.wp-block-w4ya-cm-compare-table .cm-cpt__close { margin-top: 1.4em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__close:first-child,
.wp-block-w4ya-cm-compare-table .cm-cpt__close:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__link,
.wp-block-w4ya-cm-compare-table .cm-cpt__link { color: var(--cm-cpt-link); font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-compare-table p.cm-cpt__placeholder,
.wp-block-w4ya-cm-compare-table p.cm-cpt__placeholder { margin-top: 0.8em; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__head,
    .wp-block-w4ya-cm-compare-table .cm-cpt__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3.4em; align-items: end; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__lead,
    .wp-block-w4ya-cm-compare-table .cm-cpt__lead { padding-bottom: 0.2em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__table,
    .wp-block-w4ya-cm-compare-table .cm-cpt__table { display: grid; grid-template-columns: var(--cm-cpt-label-width) minmax(0, 1fr) minmax(0, 1fr); margin-top: 1.7em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt--rows-0,
    .wp-block-w4ya-cm-compare-table .cm-cpt--rows-0 { grid-template-rows: auto; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt--rows-1,
    .wp-block-w4ya-cm-compare-table .cm-cpt--rows-1 { grid-template-rows: repeat(2, auto); }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt--rows-2,
    .wp-block-w4ya-cm-compare-table .cm-cpt--rows-2 { grid-template-rows: repeat(3, auto); }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt--rows-3,
    .wp-block-w4ya-cm-compare-table .cm-cpt--rows-3 { grid-template-rows: repeat(4, auto); }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt--rows-4,
    .wp-block-w4ya-cm-compare-table .cm-cpt--rows-4 { grid-template-rows: repeat(5, auto); }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__labels,
    .wp-block-w4ya-cm-compare-table .cm-cpt__labels,
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__choice,
    .wp-block-w4ya-cm-compare-table .cm-cpt__choice { display: grid; grid-template-rows: subgrid; grid-row: 1 / -1; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__choice + .cm-cpt__choice,
    .wp-block-w4ya-cm-compare-table .cm-cpt__choice + .cm-cpt__choice { margin-top: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__corner,
    .wp-block-w4ya-cm-compare-table .cm-cpt__corner,
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__top,
    .wp-block-w4ya-cm-compare-table .cm-cpt__top { border-bottom: 2px solid var(--cm-cpt-head-rule); }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__top,
    .wp-block-w4ya-cm-compare-table .cm-cpt__top { padding: 0 1.7em 0.75em 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__label,
    .wp-block-w4ya-cm-compare-table .cm-cpt__label { padding: 1.4em 1em 1em 0; border-bottom: 1px solid var(--cm-cpt-hairline); font-weight: 500; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__cell,
    .wp-block-w4ya-cm-compare-table .cm-cpt__cell { padding: 0.95em 1.7em 1.05em 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__choice:not(:last-child) > .cm-cpt__cell:last-child,
    .wp-block-w4ya-cm-compare-table .cm-cpt__choice:not(:last-child) > .cm-cpt__cell:last-child { border-bottom: 1px solid var(--cm-cpt-hairline); }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__cell--empty,
    .wp-block-w4ya-cm-compare-table .cm-cpt__cell--empty { display: block; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table p.cm-cpt__cell-label,
    .wp-block-w4ya-cm-compare-table p.cm-cpt__cell-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } /* read by screen readers, not shown: the label column shows it once */
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__cell,
    .wp-block-w4ya-cm-compare-table .cm-cpt__cell { position: relative; }
    .editor-styles-wrapper .wp-block-w4ya-cm-compare-table .cm-cpt__fig-text,
    .wp-block-w4ya-cm-compare-table .cm-cpt__fig-text { font-size: calc(1em * var(--cm-cpt-figure-scale-wide)); }
}