/* CoreAds public preview units. Presentation is shared by home and Media Kit. */
.ca-showcase .ca-live-ad[data-ad-layout]{width:400px;max-width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;overflow:visible;text-align:left;font:13px/1.35 Arial,Helvetica,sans-serif;container-type:inline-size}
.ca-showcase .ca-live-ad .ca-creative-main{position:relative;isolation:isolate;overflow:hidden;background:#153451;border-radius:5px}
.ca-showcase .ca-live-ad .ca-creative-main>[data-ad-image]{display:block;object-fit:contain;border-radius:4px;min-height:0;max-width:100%;margin:0;z-index:1;filter:none;transform:none}
.ca-showcase .ca-live-ad .ca-creative-copy{position:relative;padding:0;background:transparent;color:inherit;min-width:0;transform:none;z-index:1}
.ca-showcase .ca-live-ad .ca-creative-copy h3{font-family:inherit;font-size:15px;line-height:18px;font-weight:400;letter-spacing:0;text-wrap:initial;overflow-wrap:anywhere;margin:0}
.ca-showcase .ca-live-ad .ca-creative-brand{font-family:inherit;font-size:19px;line-height:24px;font-weight:700;letter-spacing:-.5px;text-transform:none;margin:0 0 10px}
.ca-showcase .ca-live-ad.has-logo .ca-creative-brand{display:none}
.ca-showcase .ca-live-ad .ca-creative-logo{width:125px;height:30px;max-width:100%;margin:0 0 10px;object-fit:contain;object-position:left center}
.ca-showcase .ca-live-ad .ca-creative-details{display:block;visibility:visible;opacity:1;max-height:none;overflow:visible;transition:opacity .25s}
.ca-showcase .ca-live-ad .ca-creative-details p{font-family:inherit;font-size:13px;line-height:18px;font-weight:400;letter-spacing:0;color:inherit;opacity:1;margin:0;overflow-wrap:anywhere;text-align:justify;text-align-last:left;hyphens:auto;hyphenate-limit-chars:6 3 3}
.ca-showcase .ca-live-ad .ca-creative-cta{display:inline-flex;align-items:center;width:fit-content;max-width:100%;border:0;border-radius:3px;background:#fff;color:#17232e;padding:7px 10px;font:700 15px/18px Arial,Helvetica,sans-serif;text-decoration:none;overflow-wrap:anywhere;z-index:3}
.ca-showcase .ca-live-ad .ca-creative-destination{position:absolute;inset:0;z-index:2;border-radius:inherit}
.ca-showcase .ca-live-ad .ca-creative-destination:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.ca-showcase .ca-live-ad .ca-creative-footer{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;min-height:26px;padding:5px 0 0;margin:0;background:transparent;border:0;color:#a9bbcc}
.ca-showcase .ca-live-ad .coreads-native-disclosure{font:13px/20px Arial,Helvetica,sans-serif;color:inherit;letter-spacing:0;padding:0;border:0}
.ca-showcase .ca-live-ad .coreads-native-disclosure b{font-weight:400}
.ca-showcase .ca-live-ad .ca-creative-footer>div{display:flex;gap:9px}
.ca-showcase .ca-live-ad .ca-creative-footer button{display:grid;place-items:center;padding:3px;width:20px;height:20px;border:0;border-radius:2px;background:#f2f4f6;color:#6b7782;opacity:1;cursor:pointer}
.ca-showcase .ca-live-ad .ca-creative-footer svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ca-showcase .ca-live-ad .ca-creative-footer button:hover{color:#102a44;background:#fff}
/* Cover keeps its footprint while the full image shrinks to reveal the story. */
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-main{height:252px;padding:20px;display:block}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-main>[data-ad-image]{position:absolute;right:20px;top:20px;width:45%;height:auto;aspect-ratio:1;transition:width .35s ease}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-copy{position:static;width:44%;padding:10px 0 0}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-details{position:absolute;left:20px;right:20px;top:134px;display:block;max-height:none;opacity:0;visibility:hidden;overflow:visible}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-cta{position:absolute;left:20px;bottom:20px}
.ca-showcase .ca-live-ad .ca-cover-toggle{position:absolute;right:14px;top:auto;bottom:14px;z-index:4;display:grid;place-items:center;padding:0;width:36px;height:36px;font:20px/1 Arial,Helvetica,sans-serif;cursor:pointer;border:1px solid #ffffff65;background:#0b2239cc;color:#fff;border-radius:50%;backdrop-filter:none}
.ca-showcase .ca-live-ad[data-ad-layout=cover].is-expanded .ca-creative-main>[data-ad-image]{width:18%}
.ca-showcase .ca-live-ad[data-ad-layout=cover].is-expanded .ca-creative-copy{width:calc(100% - 92px)}
.ca-showcase .ca-live-ad[data-ad-layout=cover].is-expanded .ca-creative-details{display:block;max-height:none;opacity:1;visibility:visible}
@media(hover:hover){
.ca-showcase .ca-live-ad[data-ad-layout=cover]:hover .ca-creative-main>[data-ad-image]{width:18%}
.ca-showcase .ca-live-ad[data-ad-layout=cover]:hover .ca-creative-copy{width:calc(100% - 92px)}
.ca-showcase .ca-live-ad[data-ad-layout=cover]:hover .ca-creative-details{display:block;max-height:none;opacity:1;visibility:visible}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-cover-toggle{opacity:0}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-cover-toggle:focus-visible{opacity:1}
}
/* Responsive uses the same image and identity in a slim horizontal strip. */
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-main{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;padding:14px;border-radius:0;align-items:center}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-main>[data-ad-image]{width:100px;height:100px;aspect-ratio:1;border-radius:0;position:relative}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-copy{padding:0}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-logo{height:20px;width:100px;margin-bottom:7px}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-brand{font-size:14px;line-height:18px;margin-bottom:7px}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] h3{font-size:13px;font-weight:700;line-height:17px;margin-bottom:3px}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-cta,.ca-showcase .ca-live-ad:not([data-ad-layout=cover]) .ca-creative-footer>div{display:none}
/* Classic is intentionally only an image, the description and attribution. */
.ca-showcase .ca-live-ad[data-ad-layout=classic]{width:350px;background:#fafafa;border:1px solid #e4e8ee;border-radius:4px;color:#172b42;overflow:hidden;position:relative}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-main{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:0;background:transparent;border-radius:0;align-items:start;min-height:100px}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-main>[data-ad-image]{width:100px;height:100px;aspect-ratio:1;border-radius:0;position:relative}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-copy{padding:8px 10px 27px 0}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-brand,.ca-showcase .ca-live-ad[data-ad-layout=classic] h3,.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-logo,.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-cta{display:none}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-details p{font-size:13px;line-height:18px;margin:0}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-footer{position:absolute;right:0;bottom:0;padding:3px 8px;background:#edf0f3;color:#768394;min-height:0;z-index:3;border-radius:3px 0 0 0}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .coreads-native-disclosure{font-size:8px;line-height:13px;letter-spacing:.6px;text-transform:uppercase}
.ca-showcase .ca-live-ad[data-ad-layout] .ca-creative-main>.ca-creative-backdrop{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;filter:blur(22px);opacity:.15;pointer-events:none;border-radius:0}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-backdrop{display:none}
.ca-page-media-kit .ca-live-ad .ca-creative-footer{color:#61738a}
@container(max-width:310px){
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-main{height:280px;padding:14px}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-main>[data-ad-image]{right:14px;top:14px;width:42%}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-copy{width:46%;padding-top:5px}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-brand{font-size:16px;line-height:20px}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-details{left:14px;right:14px;top:155px}
.ca-showcase .ca-live-ad[data-ad-layout=cover] .ca-creative-cta{left:14px;bottom:14px;font-size:13px}
.ca-showcase .ca-live-ad[data-ad-layout=cover].is-expanded .ca-creative-main>[data-ad-image]{width:18%}
.ca-showcase .ca-live-ad[data-ad-layout=cover].is-expanded .ca-creative-copy{width:calc(100% - 70px)}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-main{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:10px}
.ca-showcase .ca-live-ad[data-ad-layout=responsive] .ca-creative-main>[data-ad-image]{width:80px;height:80px}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-main{grid-template-columns:80px minmax(0,1fr);gap:10px}
.ca-showcase .ca-live-ad[data-ad-layout=classic] .ca-creative-main>[data-ad-image]{width:80px;height:80px}
@media(hover:hover){.ca-showcase .ca-live-ad[data-ad-layout=cover]:hover .ca-creative-main>[data-ad-image]{width:18%}.ca-showcase .ca-live-ad[data-ad-layout=cover]:hover .ca-creative-copy{width:calc(100% - 70px)}}
}
@media(prefers-reduced-motion:reduce){.ca-showcase .ca-live-ad .ca-creative-main>[data-ad-image],.ca-showcase .ca-live-ad .ca-creative-details{transition:none}}

.ca-showcase .ca-live-ad:not([data-ad-layout=cover]) .ca-cover-toggle{display:none}
/* Publisher themes style only the ad; the surrounding preview stays unchanged. */
.ca-publisher-themes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:20px}
.ca-publisher-themes>span{font-size:11px;color:var(--ca-muted)}.ca-publisher-themes>div{display:flex;gap:4px;padding:4px;border:1px solid var(--ca-line);border-radius:999px;background:#ffffff04}
.ca-publisher-themes button{font:11px/1.4 var(--ca-font);padding:7px 12px;border:0;border-radius:999px;background:transparent;color:var(--ca-muted);cursor:pointer;white-space:nowrap}
.ca-publisher-themes button[aria-pressed=true]{background:var(--ca-ink);color:var(--ca-bg)}
.ca-showcase .ca-live-ad[data-publisher-theme]{--unit-surface:#fff;--unit-text:#172b42;--unit-muted:#526174;--unit-border:#dce3ec;--unit-disclosure:#edf0f3;--unit-cover:#153451}
.ca-showcase .ca-live-ad[data-publisher-theme=dev-tools]{--unit-surface:#222936;--unit-text:#edf2fa;--unit-muted:#b1bdcf;--unit-border:#3d495c;--unit-disclosure:#303a4b;--unit-cover:#172335}
.ca-showcase .ca-live-ad[data-publisher-theme=editorial]{--unit-surface:#fffaf2;--unit-text:#382f26;--unit-muted:#675849;--unit-border:#d8cbbb;--unit-disclosure:#eee5d8;--unit-cover:#3b3029}
.ca-showcase .ca-live-ad[data-publisher-theme][data-ad-layout=cover] .ca-creative-main{background:var(--unit-cover)}
.ca-showcase .ca-live-ad[data-publisher-theme][data-ad-layout=responsive] .ca-creative-main{background:var(--unit-surface);color:var(--unit-text)}
.ca-showcase .ca-live-ad[data-publisher-theme][data-ad-layout=classic]{background:var(--unit-surface);color:var(--unit-text);border-color:var(--unit-border)}
.ca-showcase .ca-live-ad[data-publisher-theme] .ca-creative-footer{color:var(--unit-muted)}
.ca-showcase .ca-live-ad[data-publisher-theme][data-ad-layout=classic] .ca-creative-footer{background:var(--unit-disclosure)}
.ca-showcase .ca-live-ad[data-publisher-theme][data-ad-layout=responsive] .ca-creative-backdrop{opacity:.04}
.ca-showcase .ca-live-ad[data-publisher-theme]:not([data-ad-layout=cover]) .ca-creative-destination:focus-visible{outline-color:var(--unit-text)}
.ca-showcase .ca-live-ad[data-publisher-theme=editorial]:not([data-ad-layout=cover]) .ca-creative-details p{font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:19px}
@media(max-width:370px){.ca-publisher-themes{gap:8px}.ca-publisher-themes>span{flex-basis:100%}.ca-publisher-themes button{padding:7px 10px}}

/* Classic orientation is independent of the publisher palette. */
.ca-showcase .ca-live-ad[data-ad-layout=classic][data-ad-orientation=vertical]{width:220px}
.ca-showcase .ca-live-ad[data-ad-layout=classic][data-ad-orientation=vertical] .ca-creative-main{grid-template-columns:minmax(0,1fr);gap:0}
.ca-showcase .ca-live-ad[data-ad-layout=classic][data-ad-orientation=vertical] .ca-creative-main>[data-ad-image]{width:100%;height:auto;aspect-ratio:1}
.ca-showcase .ca-live-ad[data-ad-layout=classic][data-ad-orientation=vertical] .ca-creative-copy{padding:12px 12px 30px}
.ca-showcase .ca-live-ad .ca-cover-toggle>span{display:block;line-height:1}

/* Portrait is an explicit presentation choice, never a scaled-up preview. */
.ca-showcase .ca-live-ad[data-ad-layout=responsive][data-ad-orientation=vertical]{width:220px}
.ca-showcase .ca-live-ad[data-ad-layout=responsive][data-ad-orientation=vertical] .ca-creative-main{grid-template-columns:minmax(0,1fr);gap:12px}
.ca-showcase .ca-live-ad[data-ad-layout=responsive][data-ad-orientation=vertical] .ca-creative-main>[data-ad-image]{width:100%;height:auto;aspect-ratio:1}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical]{width:260px}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical] .ca-creative-main{height:420px;padding:16px}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical] .ca-creative-main>[data-ad-image]{width:148px;height:148px;left:50%;right:auto;top:16px;margin-left:-74px;transition:width .35s ease,height .35s ease,margin-left .35s ease}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical] .ca-creative-copy{width:100%;padding:164px 0 0}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical] .ca-creative-details{left:16px;right:16px;top:240px}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical] .ca-creative-cta{left:16px;bottom:16px;max-width:calc(100% - 78px)}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical].is-expanded .ca-creative-main>[data-ad-image]{width:80px;height:80px;margin-left:-40px}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical].is-expanded .ca-creative-copy{padding-top:96px}
@media(hover:hover){
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical]:hover .ca-creative-main>[data-ad-image]{width:80px;height:80px;margin-left:-40px}
.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical]:hover .ca-creative-copy{padding-top:96px}
}
@media(prefers-reduced-motion:reduce){.ca-showcase .ca-live-ad[data-ad-layout=cover][data-ad-orientation=vertical] .ca-creative-main>[data-ad-image]{transition:none}}