/* The same opt-in layout is loaded on the page, visual editor and preview. */
.kvds-collection{clear:both;min-width:0;margin:24px 0;box-sizing:border-box}
.kvds-collection>.kvds-collection__items{display:grid;grid-template-columns:repeat(var(--kvds-collection-cols,3),minmax(0,1fr));gap:var(--kvds-collection-gap,24px);align-items:stretch;margin:0;padding:0;min-width:0}
.kvds-collection__items>*{min-width:0;box-sizing:border-box;margin:0!important}
.kvds-collection__items>.kvds-mce-view{align-self:stretch}
.kvds-collection--equal>.kvds-collection__items>.kvds-box,.kvds-collection--equal>.kvds-collection__items>.kvds-mce-view>.kvds-box{height:100%}
.kvds-collection--scroll>.kvds-collection__items{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--kvds-collection-desktop-width,calc((100% - (var(--kvds-collection-cols,3) - 1)*var(--kvds-collection-gap,24px))/var(--kvds-collection-cols,3)));overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px}
.kvds-collection--scroll>.kvds-collection__items>*{scroll-snap-align:start}
.kvds-collection__controls{display:flex;justify-content:flex-end;gap:10px;margin:0 0 12px}
.kvds-collection__position{align-self:center;margin-right:auto;color:#667065;font:500 14px/1.6 "Noto Sans JP",sans-serif;font-variant-numeric:tabular-nums}
.kvds-collection__controls button{font:700 14px/1.5 sans-serif;padding:8px 14px;color:#365847;background:#fffefa;border:1px solid #b9c8bb;border-radius:4px;cursor:pointer}
.kvds-collection__controls button:focus-visible,.kvds-collection__items:focus-visible{outline:3px solid #365847;outline-offset:3px}
.kvds-collection__controls button:disabled{opacity:.45;cursor:default}
.mce-content-body .kvds-collection{outline:1px dashed #99ae9d;outline-offset:4px}
@media(max-width:768px){
 .kvds-collection>.kvds-collection__items{grid-template-columns:repeat(var(--kvds-collection-mobile-cols,1),minmax(0,1fr));gap:var(--kvds-collection-mobile-gap,18px)}
 .kvds-collection--scroll>.kvds-collection__items{grid-template-columns:none;grid-auto-columns:var(--kvds-collection-mobile-width,84%)}
}

/* Studio device controls use the same values as the actual viewport. */
.kvds-preview-device-pc .kvds-collection>.kvds-collection__items{grid-template-columns:repeat(var(--kvds-collection-cols,3),minmax(0,1fr));gap:var(--kvds-collection-gap,24px)}
.kvds-preview-device-pc .kvds-collection--scroll>.kvds-collection__items{grid-template-columns:none;grid-auto-columns:var(--kvds-collection-desktop-width,calc((100% - (var(--kvds-collection-cols,3) - 1)*var(--kvds-collection-gap,24px))/var(--kvds-collection-cols,3)))}
:is(.kvds-preview-device-mobile,.kvds-preview-device-tablet) .kvds-collection>.kvds-collection__items{grid-template-columns:repeat(var(--kvds-collection-mobile-cols,1),minmax(0,1fr));gap:var(--kvds-collection-mobile-gap,18px)}
:is(.kvds-preview-device-mobile,.kvds-preview-device-tablet) .kvds-collection--scroll>.kvds-collection__items{grid-template-columns:none;grid-auto-columns:var(--kvds-collection-mobile-width,84%)}

/* wpautop separators are not cards and must not consume a grid cell. */
.kvds-collection__items>br,.kvds-collection__items>p:empty,.kvds-collection__items>p:has(>br:only-child){display:none!important}

/* Optional spacing and controls retain the source composition without HTML styling. */
.kvds-collection{margin-top:var(--kvds-collection-margin-top,24px);margin-bottom:var(--kvds-collection-margin-bottom,24px)}
.kvds-collection>.kvds-collection__items{row-gap:var(--kvds-collection-row-gap,var(--kvds-collection-gap,24px))}
.kvds-collection__controls button{background:var(--kvds-collection-controls-background,#fffefa);color:var(--kvds-collection-controls-color,#365847)}
@media(min-width:721px) and (max-width:768px){.kvds-collection--break-720>.kvds-collection__items{grid-template-columns:repeat(var(--kvds-collection-cols,3),minmax(0,1fr));gap:var(--kvds-collection-row-gap,var(--kvds-collection-gap,24px)) var(--kvds-collection-gap,24px)}.kvds-collection--break-720.kvds-collection--scroll>.kvds-collection__items{grid-template-columns:none;grid-auto-columns:var(--kvds-collection-desktop-width,calc((100% - (var(--kvds-collection-cols,3) - 1)*var(--kvds-collection-gap,24px))/var(--kvds-collection-cols,3)))}}
@media(max-width:720px){.kvds-collection{margin-top:var(--kvds-collection-margin-top-mobile,var(--kvds-collection-margin-top,24px));margin-bottom:var(--kvds-collection-margin-bottom-mobile,var(--kvds-collection-margin-bottom,24px))}.kvds-collection>.kvds-collection__items{row-gap:var(--kvds-collection-mobile-gap,18px)}}
.kvds-preview-device-mobile .kvds-collection{margin-top:var(--kvds-collection-margin-top-mobile,var(--kvds-collection-margin-top,24px));margin-bottom:var(--kvds-collection-margin-bottom-mobile,var(--kvds-collection-margin-bottom,24px))}
.kvds-preview-device-mobile .kvds-collection>.kvds-collection__items{row-gap:var(--kvds-collection-mobile-gap,18px)}

.kvds-collection>.kvds-collection__items{align-items:var(--kvds-collection-align,stretch)}