/* LW6 cards override the preserved LW5 rail cascade only for the new DOM. */
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) {
 container: lw6-ads / inline-size; display: grid; grid-template-columns: minmax(0, 1fr);
 gap: 0; width: min(var(--wp--custom--max), calc(100% - 2 * var(--lw6-gutter, var(--wp--custom--gutter--mobile))));
 margin: var(--wp--preset--spacing--m) auto; padding: 0; align-items: start; background: var(--wp--preset--color--paper);
}
.lw5-ad-placement:has(> [data-lw6-layout="cards"]):not(:has(> .lw5-ad)) { display: none; }
.lw5-ad-placement > [data-lw6-layout="cards"] {
 position: static; inset: auto; transform: none; width: 100%; max-width: none; margin: 0; padding: 0;
 grid-area: 1 / 1; align-self: stretch; container-type: normal; min-width: 0; color: var(--wp--preset--color--ink);
 font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--ui); line-height: 1.6;
}
.lw5-ad-placement > [data-lw6-layout="cards"].lw5-ad--banner,
.lw5-ad-placement [data-lw6-layout="cards"] .lw4-ad__card {
 display: block; height: 100%; min-height: 0; max-height: none; overflow: visible;
 padding: var(--wp--preset--spacing--s); border: 1px solid var(--wp--preset--color--line);
 border-radius: var(--wp--custom--radius--cta); background: var(--wp--preset--color--white); box-shadow: none; animation: none; translate: none;
}
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__bar.wrap {
 display: block; width: 100%; max-width: none; padding: 0; margin: 0;
}
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__viewport { display: grid; grid-template: auto / minmax(0, 1fr); align-content: start; }
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__slide {
 display: grid; grid-area: 1 / 1; grid-template: auto auto auto auto / minmax(0, 1fr);
 gap: var(--wp--preset--spacing--s); align-items: start; align-self: start; min-width: 0;
}
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__slide > * { grid-area: auto; min-width: 0; }
.lw5-ad-placement [data-lw6-layout="cards"] .lw4-ad__label { margin: 0; color: var(--wp--preset--color--text-muted); }
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__logo-box { width: 160px; height: 64px; }
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__title { margin: 0; font-size: var(--wp--preset--font-size--card); color: var(--wp--preset--color--ink); }
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__region { margin: 8px 0 var(--wp--preset--spacing--s); color: var(--wp--preset--color--text-muted); }
.lw5-ad-placement [data-lw6-layout="cards"] :is(.lw4-ad__lines, .lw5-ad__intro) { display: block; margin: 0; overflow: visible; max-height: none; -webkit-line-clamp: unset; }
.lw5-ad-placement [data-lw6-layout="cards"] :is(.lw4-ad__lines, .lw5-ad__intro) p { margin: 0; color: var(--wp--preset--color--ink); }
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__action { display: block; }
/* Five class/attribute selectors outrank delta.css :is() (0,4,0). */
.lw5-ad-placement [data-lw6-layout="cards"].lw5-ad .lw5-ad__slide .lw4-ad__link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px var(--wp--preset--spacing--s); color: var(--wp--preset--color--white); background: var(--wp--preset--color--deep); border-radius: var(--wp--custom--radius--cta); }
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) .lw5-ad__controls {
 display: flex; flex-wrap: wrap; gap: 8px; width: 100%; max-width: none; margin: 8px 0 0; align-items: start;
}
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) .lw5-ad__controls > :is(button, .lw5-ad__motion-note) {
 flex: 0 0 auto; min-height: 44px !important; min-width: 44px; width: auto; padding: 8px;
 font-size: var(--wp--preset--font-size--ui); line-height: 1.6; border-radius: var(--wp--custom--radius--cta); color: var(--wp--preset--color--ink);
}
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) .lw5-ad__pause { max-width: 11em; }
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) .lw5-ad__controls > .lw5-ad__motion-note { max-width: 11em; }
.lw5-ad-placement [data-lw6-layout="cards"] .lw4-ad__tab { display: none !important; }
.lw5-ad-placement [data-lw6-layout="cards"] .lw4-ad__close { position: static; margin: 0 0 var(--wp--preset--spacing--s) auto; min-width: 44px; min-height: 44px; }
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) :is(a, button) { touch-action: manipulation; }
.lw5-ad-placement:has(> [data-lw6-layout="cards"]) :is(a, button):focus-visible { outline: 3px solid var(--wp--preset--color--ink); outline-offset: 3px; }
/* Hidden slides retain intrinsic geometry, while hidden/inert/ARIA remove them from interaction. */
.lw5-ad-placement [data-lw6-layout="cards"].lw5-ad-ready .lw5-ad__slide[hidden]:not([data-lw5-invalid]) { display: grid !important; visibility: hidden; pointer-events: none; }
.lw5-ad-placement [data-lw6-layout="cards"] .lw5-ad__slide[data-lw5-invalid] { display: none !important; }
@media (width < 1100px) {
 .lw5-ad-placement.lw5-ad-narrow-ready > [data-lw6-layout="cards"].lw5-ad-narrow-hidden[hidden] { display: block !important; visibility: hidden; pointer-events: none; }
 .lw5-ad-placement [data-lw6-layout="cards"] :is(.lw4-ad__close, .lw5-ad__controls) { display: none !important; }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]) > .lw5-ad-narrow-controls { grid-area: 2 / 1; }
}
@container lw6-ads (min-width: 641px) {
 .lw5-ad-placement > [data-lw6-layout="cards"].lw5-ad--banner,
 .lw5-ad-placement [data-lw6-layout="cards"] .lw4-ad__card { padding: var(--wp--preset--spacing--m); }
}
.lw5-ad-placement > [data-lw6-layout="cards"].lw5-ad--banner { container: lw6-card / inline-size; }
@container lw6-card (min-width: 641px) {
 .lw5-ad-placement [data-lw6-layout="cards"].lw5-ad--banner .lw5-ad__slide { grid-template: auto auto auto / 160px minmax(0, 1fr); }
 .lw5-ad-placement [data-lw6-layout="cards"].lw5-ad--banner .lw4-ad__label { grid-area: 1 / 1 / 2 / -1; }
 .lw5-ad-placement [data-lw6-layout="cards"].lw5-ad--banner .lw5-ad__logo-box { grid-area: 2 / 1; }
 .lw5-ad-placement [data-lw6-layout="cards"].lw5-ad--banner .lw5-ad__text { grid-area: 2 / 2; }
 .lw5-ad-placement [data-lw6-layout="cards"].lw5-ad--banner .lw5-ad__action { grid-area: 3 / 1 / 4 / -1; }
}
@media (min-width: 1100px) {
 /* Cards skip the legacy is-ready rail state; expose the wide close control. */
 .lw5-ad-placement [data-lw6-layout="cards"].lw5-ad .lw4-ad__card .lw4-ad__close { display: block; }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]) { grid-template-columns: minmax(0, 1fr) 360px; gap: var(--wp--preset--spacing--m); }
 .lw5-ad-placement > [data-lw6-layout="cards"][data-lw5-slot="side"] { grid-area: 1 / 2; }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]):is(.lw6-side-dismissed, :not(:has(> [data-lw5-slot="banner"])), :not(:has(> [data-lw5-slot="side"]))) { grid-template-columns: minmax(0, 1fr); }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]):not(:has(> [data-lw5-slot="banner"])) > [data-lw5-slot="side"] { grid-area: 1 / 1; }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]).lw6-side-dismissed:not(:has(> [data-lw5-slot="banner"])) { display: none; }
}
@media (hover: hover) and (pointer: fine) {
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]) button { transition: transform 120ms ease-out; }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]) button:active { transform: scale(.98); }
}
@media (prefers-reduced-motion: reduce) {
 .lw5-ad-placement:has(> [data-lw6-layout="cards"]) button:active { transform: none; }
}
@media print { .lw5-ad-placement:has(> [data-lw6-layout="cards"]) { display: none; } }

@media (768px <= width < 1280px) { .lw5-ad-placement:has(> [data-lw6-layout="cards"]) { --lw6-gutter: var(--wp--custom--gutter--tablet); } }
@media (min-width: 1280px) { .lw5-ad-placement:has(> [data-lw6-layout="cards"]) { --lw6-gutter: var(--wp--preset--spacing--m); } }

.lw5-ad-placement [data-lw6-layout="cards"] .lw4-ad__card { height: 100%; }

.lw5-ad-placement:has(> [data-lw6-layout="cards"])[hidden] { display: none !important; }
@media (min-width: 1100px) {
 .lw5-ad-placement:has(> [data-lw6-layout="cards"][data-lw5-empty]) { grid-template-columns: minmax(0, 1fr); }
 .lw5-ad-placement:has(> [data-lw6-layout="cards"][data-lw5-slot="banner"][data-lw5-empty]) > [data-lw5-slot="side"] { grid-area: 1 / 1; }
}
