/**
 * CM Downloads - the layout and the looks. Every colour and space is a --cm-dls-* 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 words sit above the buttons and each button stacks its icon over its words, from 808 the words sit at
 * the left and the buttons 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-downloads,
.wp-block-w4ya-cm-downloads { box-sizing: border-box; display: block; clear: both; position: relative; overflow: clip; background: var(--cm-dls-bg); color: var(--cm-dls-text); }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads *,
.wp-block-w4ya-cm-downloads * { box-sizing: border-box; }

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

.editor-styles-wrapper .wp-block-w4ya-cm-downloads p.cm-dls__kicker,
.wp-block-w4ya-cm-downloads p.cm-dls__kicker { margin-bottom: 0.5em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cm-dls-kicker); } /* p: outranks the tracking reset above */
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__title,
.wp-block-w4ya-cm-downloads .cm-dls__title { color: var(--cm-dls-text); font-weight: 500; line-height: 1.2; text-wrap: balance; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__placeholder,
.wp-block-w4ya-cm-downloads .cm-dls__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-downloads .cm-dls__inner,
.wp-block-w4ya-cm-downloads .cm-dls__inner { padding-top: var(--cm-dls-pad-top); }
@container (min-width: 851px) { /* the torso again: the wide band's own top space */
    .editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__inner,
    .wp-block-w4ya-cm-downloads .cm-dls__inner { padding-top: var(--cm-dls-pad-top-wide); }
}

.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__panel,
.wp-block-w4ya-cm-downloads .cm-dls__panel { padding: 1.65em 1.15em; background: var(--cm-dls-panel-bg); border-radius: var(--cm-dls-radius); }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__lead,
.wp-block-w4ya-cm-downloads .cm-dls__lead { margin-top: 0.35em; line-height: 1.55; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__words + .cm-dls__actions,
.wp-block-w4ya-cm-downloads .cm-dls__words + .cm-dls__actions { margin-top: 1.15em; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__buttons,
.wp-block-w4ya-cm-downloads .cm-dls__buttons { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0.65em; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__button,
.wp-block-w4ya-cm-downloads .cm-dls__button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5em; padding: 0.9em 0.5em; background: var(--cm-dls-button-bg); border-radius: var(--cm-dls-button-radius); color: var(--cm-dls-button-text); font-weight: 500; line-height: 1.25; text-align: center; text-decoration: none; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__button.cm-dls__placeholder,
.wp-block-w4ya-cm-downloads .cm-dls__button.cm-dls__placeholder { background: none; color: inherit; font-weight: 400; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__icon,
.wp-block-w4ya-cm-downloads .cm-dls__icon,
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__note-icon,
.wp-block-w4ya-cm-downloads .cm-dls__note-icon { flex: none; display: flex; font-size: var(--cm-dls-icon-size); line-height: 1; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__icon .cm-icon,
.wp-block-w4ya-cm-downloads .cm-dls__icon .cm-icon,
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__note-icon .cm-icon,
.wp-block-w4ya-cm-downloads .cm-dls__note-icon .cm-icon { stroke-width: 2; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__note,
.wp-block-w4ya-cm-downloads .cm-dls__note { display: flex; align-items: flex-start; gap: 0.75em; line-height: 1.5; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__buttons + .cm-dls__note,
.wp-block-w4ya-cm-downloads .cm-dls__buttons + .cm-dls__note { margin-top: 1em; }
.editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__note-icon,
.wp-block-w4ya-cm-downloads .cm-dls__note-icon { color: var(--cm-dls-note-icon); }

@container (min-width: 808px) { /* the inner wrapper's own width */
    .editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__panel,
    .wp-block-w4ya-cm-downloads .cm-dls__panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 2.25em; padding: 1.9em 2.25em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__panel > :only-child,
    .wp-block-w4ya-cm-downloads .cm-dls__panel > :only-child { grid-column: 1 / -1; }
    .editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__words + .cm-dls__actions,
    .wp-block-w4ya-cm-downloads .cm-dls__words + .cm-dls__actions { margin-top: 0; }
    .editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__buttons,
    .wp-block-w4ya-cm-downloads .cm-dls__buttons { gap: 0.75em; }
    .editor-styles-wrapper .wp-block-w4ya-cm-downloads .cm-dls__button,
    .wp-block-w4ya-cm-downloads .cm-dls__button { flex-direction: row; gap: 0.6em; padding: 1.05em 0.75em; }
}