/**
 * CM Number Index - the layout and the looks. Every colour and space is a --cm-nix-* 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 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 sits under its title and the two lists stack into one column; from 808 the sentence
 * sits at the right of the title and the lists are two columns with a line between. A note's tag sits above its words under 1100 px and
 * beside them from 1100. 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-number-index,
.wp-block-w4ya-cm-number-index { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-nix-bg); color: var(--cm-nix-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index *,
.wp-block-w4ya-cm-number-index * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__inner,
.wp-block-w4ya-cm-number-index .cm-nix__inner { padding: var(--cm-nix-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__inner,
.wp-block-w4ya-cm-number-index .cm-nix__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__inner p,
.wp-block-w4ya-cm-number-index .cm-nix__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-number-index .cm-nix__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-number-index .cm-nix__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-number-index .cm-nix__inner :where(ul, ol),
.wp-block-w4ya-cm-number-index .cm-nix__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-number-index .cm-nix__inner,
    .wp-block-w4ya-cm-number-index .cm-nix__inner { padding: var(--cm-nix-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-number-index p.cm-nix__kicker,
.wp-block-w4ya-cm-number-index p.cm-nix__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-nix-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__title,
.wp-block-w4ya-cm-number-index .cm-nix__title { color: var(--cm-nix-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__placeholder,
.wp-block-w4ya-cm-number-index .cm-nix__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-number-index .cm-nix__inner,
.wp-block-w4ya-cm-number-index .cm-nix__inner { padding-top: var(--cm-nix-pad-top); }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__head,
.wp-block-w4ya-cm-number-index .cm-nix__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75em; padding-top: 0.85em; border-top: 3px solid var(--cm-nix-head-rule); }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index p.cm-nix__kicker,
.wp-block-w4ya-cm-number-index p.cm-nix__kicker { font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__title,
.wp-block-w4ya-cm-number-index .cm-nix__title { letter-spacing: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__lead,
.wp-block-w4ya-cm-number-index .cm-nix__lead { max-width: 34em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__cols,
.wp-block-w4ya-cm-number-index .cm-nix__cols { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 1.5em; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__cols:first-child,
.wp-block-w4ya-cm-number-index .cm-nix__cols:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__entry,
.wp-block-w4ya-cm-number-index .cm-nix__entry { display: grid; grid-template-columns: var(--cm-nix-num-width) minmax(0, 1fr); gap: 0 0.6em; padding: 1.4em 0 1.5em; border-top: 1px solid var(--cm-nix-hairline); }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__col:first-child > .cm-nix__entry:first-child,
.wp-block-w4ya-cm-number-index .cm-nix__col:first-child > .cm-nix__entry:first-child { border-top: 0; padding-top: 0.25em; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__entry.cm-nix__placeholder,
.wp-block-w4ya-cm-number-index .cm-nix__entry.cm-nix__placeholder { display: block; margin: 0.6em 0; padding: 0.3em 0.5em; border: 1px dashed currentColor; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__num,
.wp-block-w4ya-cm-number-index .cm-nix__num { margin: 0; color: var(--cm-nix-numeral); font-weight: var(--cm-nix-numeral-weight); line-height: 1; letter-spacing: -0.01em; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__num-text,
.wp-block-w4ya-cm-number-index .cm-nix__num-text { display: block; font-size: calc(1em * var(--cm-nix-numeral-scale)); }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__body,
.wp-block-w4ya-cm-number-index .cm-nix__body { min-width: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__name,
.wp-block-w4ya-cm-number-index .cm-nix__name { font-weight: 500; line-height: 1.25; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__text,
.wp-block-w4ya-cm-number-index .cm-nix__text { margin-top: 0.4em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__text:first-child,
.wp-block-w4ya-cm-number-index .cm-nix__text:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__link,
.wp-block-w4ya-cm-number-index .cm-nix__link { color: var(--cm-nix-link); font-weight: 500; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__note,
.wp-block-w4ya-cm-number-index .cm-nix__note { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 0.5em; margin-top: 0.9em; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index span.cm-nix__tag,
.wp-block-w4ya-cm-number-index span.cm-nix__tag { padding: 0.25em 0.65em 0.2em; border: 1px solid var(--cm-nix-tag-border); font-weight: 500; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; white-space: nowrap; }
.editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__note-text,
.wp-block-w4ya-cm-number-index .cm-nix__note-text { line-height: 1.5; }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__head,
    .wp-block-w4ya-cm-number-index .cm-nix__head { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3.4em; align-items: end; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__lead,
    .wp-block-w4ya-cm-number-index .cm-nix__lead { padding-bottom: 0.2em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__cols,
    .wp-block-w4ya-cm-number-index .cm-nix__cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: 1.7em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__col:first-child:not(:last-child),
    .wp-block-w4ya-cm-number-index .cm-nix__col:first-child:not(:last-child) { padding-right: 1.7em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__col + .cm-nix__col,
    .wp-block-w4ya-cm-number-index .cm-nix__col + .cm-nix__col { padding-left: 1.7em; border-left: 1px solid var(--cm-nix-divider); }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__col > .cm-nix__entry:first-child,
    .wp-block-w4ya-cm-number-index .cm-nix__col > .cm-nix__entry:first-child { border-top: 0; padding-top: 0.2em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__entry,
    .wp-block-w4ya-cm-number-index .cm-nix__entry { grid-template-columns: var(--cm-nix-num-width-wide) minmax(0, 1fr); padding: 1.2em 0 1.3em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__num-text,
    .wp-block-w4ya-cm-number-index .cm-nix__num-text { font-size: calc(1em * var(--cm-nix-numeral-scale-wide)); }
}
@container (min-width: 1100px) {
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__note,
    .wp-block-w4ya-cm-number-index .cm-nix__note { grid-template-columns: auto minmax(0, 1fr); gap: 0.9em; align-items: start; }
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index span.cm-nix__tag,
    .wp-block-w4ya-cm-number-index span.cm-nix__tag { margin-top: 0.1em; }
}
@container (min-width: 851px) { /* measured on the torso, not the inner wrapper (see the head comment) */
    .editor-styles-wrapper .wp-block-w4ya-cm-number-index .cm-nix__inner,
    .wp-block-w4ya-cm-number-index .cm-nix__inner { padding-top: var(--cm-nix-pad-top-wide); }
}