/**
 * CM List Cards - the layout and the looks. Every colour and space is a --cm-lsc-* variable: defaults from config.php
 * (build_global_css_properties), a site's own values from its site-specific.css; a drawing's colours are the shared --cm-draw-* variables.
 * 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 cards stack, from 808 they sit side by side. 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-list-cards,
.wp-block-w4ya-cm-list-cards { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-lsc-bg); color: var(--cm-lsc-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards *,
.wp-block-w4ya-cm-list-cards * { box-sizing: border-box; }

.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__inner,
.wp-block-w4ya-cm-list-cards .cm-lsc__inner { padding: var(--cm-lsc-pad) 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__inner,
.wp-block-w4ya-cm-list-cards .cm-lsc__inner,
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__inner p,
.wp-block-w4ya-cm-list-cards .cm-lsc__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-list-cards .cm-lsc__inner :where(p, h2, h3, ul, ol, li, blockquote),
.wp-block-w4ya-cm-list-cards .cm-lsc__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-list-cards .cm-lsc__inner :where(ul, ol),
.wp-block-w4ya-cm-list-cards .cm-lsc__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-list-cards .cm-lsc__inner,
    .wp-block-w4ya-cm-list-cards .cm-lsc__inner { padding: var(--cm-lsc-pad-wide) 0; }
}

.editor-styles-wrapper .wp-block-w4ya-cm-list-cards p.cm-lsc__kicker,
.wp-block-w4ya-cm-list-cards p.cm-lsc__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-lsc-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__title,
.wp-block-w4ya-cm-list-cards .cm-lsc__title { color: var(--cm-lsc-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__placeholder,
.wp-block-w4ya-cm-list-cards .cm-lsc__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-list-cards .cm-lsc__cards,
.wp-block-w4ya-cm-list-cards .cm-lsc__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1em; margin-top: 1.4em; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__cards:first-child,
.wp-block-w4ya-cm-list-cards .cm-lsc__cards:first-child { margin-top: 0; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__card,
.wp-block-w4ya-cm-list-cards .cm-lsc__card { overflow: hidden; background: var(--cm-lsc-card-bg); border: 1px solid var(--cm-lsc-card-border); border-radius: var(--cm-lsc-radius); }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__card.cm-lsc__placeholder,
.wp-block-w4ya-cm-list-cards .cm-lsc__card.cm-lsc__placeholder { padding: 1em; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__picture,
.wp-block-w4ya-cm-list-cards .cm-lsc__picture { padding: 1em 0 0; background: var(--cm-lsc-picture-bg); border-bottom: 1px solid var(--cm-lsc-picture-rule); line-height: 0; text-align: center; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__drawing,
.wp-block-w4ya-cm-list-cards .cm-lsc__drawing { width: auto; max-width: 100%; height: var(--cm-lsc-picture-height); }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__words,
.wp-block-w4ya-cm-list-cards .cm-lsc__words { padding: 1.15em 1.25em 1.4em; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__name,
.wp-block-w4ya-cm-list-cards .cm-lsc__name { margin-bottom: 0.4em; font-weight: 500; line-height: 1.25; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__items,
.wp-block-w4ya-cm-list-cards .cm-lsc__items { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.4em 0.9em; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__item,
.wp-block-w4ya-cm-list-cards .cm-lsc__item { position: relative; padding-left: 1.15em; line-height: 1.5; }
.editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__item::before,
.wp-block-w4ya-cm-list-cards .cm-lsc__item::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 0.5em; height: 0.5em; border-radius: 50%; background: var(--cm-lsc-dot); }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__cards,
    .wp-block-w4ya-cm-list-cards .cm-lsc__cards { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.1em; margin-top: 1.5em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__cards > :only-child,
    .wp-block-w4ya-cm-list-cards .cm-lsc__cards > :only-child { grid-column: 1 / -1; }
    .editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__drawing,
    .wp-block-w4ya-cm-list-cards .cm-lsc__drawing { height: var(--cm-lsc-picture-height-wide); }
    .editor-styles-wrapper .wp-block-w4ya-cm-list-cards .cm-lsc__words,
    .wp-block-w4ya-cm-list-cards .cm-lsc__words { padding: 1.15em 1.3em 1.35em; }
}