/* Placement-led examples: publisher chrome, advertiser creative, and destination are separate. */
.placement-style-choice{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.placement-style-choice button,.ctv-demo-controls>button{min-height:44px;padding:10px 15px;background:transparent;color:#d9e3f3;border:1px solid #728198;border-radius:4px;font:500 12px inherit;cursor:pointer}.placement-style-choice button[aria-pressed=true]{background:#e9eef8;color:#203b60;border-color:#e9eef8}
.native-install-shell{max-width:390px;margin:auto}.native-install-feed{background:#fff;color:#21364b}.native-install-feed>header{padding:18px 20px;border-bottom:1px solid #d8e0e7;display:flex;justify-content:space-between;align-items:center;gap:10px}.native-install-feed>header strong{font-size:19px;letter-spacing:-.04em}.native-install-feed>header span{font-size:7px;letter-spacing:.09em}.native-organic-story{padding:22px 20px;background:#f0f3ec}.native-organic-story>span,.native-feed-next>span{font-size:8px;letter-spacing:.1em;color:#52654f}.native-organic-story h4{font-size:27px;line-height:1.12;margin:10px 0;color:#2b4038}.ad-product .native-organic-story p{font-size:11px;line-height:1.6;color:#4c6257;margin:10px 0 0}.native-install-ad{padding:17px 0;border-bottom:1px solid #d8e0e7}.native-install-identity{display:flex;gap:10px;align-items:center;padding:0 16px 14px}.native-install-identity>div{flex:1;min-width:0}.native-install-identity strong{display:block;font-size:12px;color:#243a58}.native-install-identity>div>span{display:block;font-size:9px;margin-top:4px;color:#56677b}.native-install-ad>img{width:100%;height:220px;object-fit:cover;display:block}.example-ad-info{position:relative;color:#324c68;font-size:12px}.example-ad-info summary{cursor:pointer;list-style:none;min-width:28px;min-height:44px;display:grid;place-items:center}.ad-product .example-ad-info p{position:absolute;right:0;top:38px;width:210px;z-index:4;padding:14px;background:#fff;border:1px solid #8393a9;font-size:11px;line-height:1.6;color:#243c59;box-shadow:0 8px 20px #0002}.native-install-description{padding:16px 17px 0;display:grid;grid-template-columns:1fr auto;gap:7px 15px}.native-install-description h4{font-size:21px;line-height:1.2;color:#243a58}.ad-product .native-install-description p{font-size:11px;line-height:1.7;color:#52647b;margin:0;grid-column:1}.native-install-description button{grid-column:2;grid-row:1/3;align-self:center;min-height:44px;border:0;border-radius:4px;background:#294cac;color:#fff;padding:10px 16px;font-size:12px;cursor:pointer}.native-feed-next{padding:20px}.native-feed-next strong{display:block;font-size:16px;margin-top:9px;color:#2b4038}.reminder-offer{display:block;font-size:11px;line-height:1.5;margin-top:12px;color:#24415a}
.ctv-player-preview{width:100%;background:#070b10;border:2px solid #687382;border-radius:6px;overflow:hidden;box-shadow:0 15px 30px #0004}.ctv-player-brand{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:#fff;gap:10px}.ctv-player-brand strong{font-size:14px;letter-spacing:.12em}.ctv-player-brand span{font-size:6px;letter-spacing:.07em}.ctv-programme{position:relative;aspect-ratio:16/9;overflow:hidden;background:#11263c}.ctv-programme>img{width:100%;height:100%;object-fit:cover;display:block;transition:width .3s ease,filter .3s ease}.ctv-programme:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#040c18cf);pointer-events:none}.ctv-programme-title{position:absolute;bottom:48px;left:18px;right:20px;z-index:1;color:white}.ctv-programme-title>span{display:block;font-size:7px;letter-spacing:.12em}.ctv-programme-title>strong{display:block;font-size:25px;line-height:1.1;margin-top:9px;max-width:220px}.ctv-player-progress{position:absolute;bottom:13px;left:18px;right:18px;display:flex;align-items:center;gap:10px;z-index:2;color:white;font-size:6px}.ctv-player-progress i{flex:1;height:2px;background:#fff5}.ctv-player-progress i:before{content:'';display:block;width:28%;height:100%;background:white}.ctv-programme.is-paused>img{width:64%;filter:brightness(.6)}.ctv-programme.is-paused .ctv-programme-title{right:40%;bottom:42px}.ctv-programme.is-paused .ctv-programme-title>strong{font-size:19px}.ctv-pause-ad{position:absolute;inset:0 0 0 auto;width:36%;background:#e3efe8;padding:12px;color:#19493e;z-index:3;display:flex;flex-direction:column;justify-content:center}.ctv-pause-ad>span{font-size:5px;letter-spacing:.1em}.ctv-pocket-lockup{display:flex;align-items:center;gap:5px;margin-top:9px}.ctv-pocket-lockup svg{width:22px;height:22px}.ctv-pocket-lockup strong{font-size:19px;letter-spacing:-.05em}.ctv-pause-ad>img{width:100%;height:68px;object-fit:cover;margin-top:10px}.ctv-pause-ad h4{font-size:16px;line-height:1.08;color:#19493e;margin-top:10px}.ad-product .ctv-pause-ad p{font-size:7px;line-height:1.6;color:#315c50;margin-top:7px}.ctv-pause-ad button{min-height:44px;background:#19493e;color:#fff;border:0;border-radius:3px;font-size:9px;padding:8px;margin-top:10px;cursor:pointer}.ctv-commercial{position:relative;aspect-ratio:16/9;background:#000}.ctv-commercial video{width:100%;height:100%;display:block;object-fit:contain}.ctv-commercial>span{position:absolute;top:10px;left:12px;color:white;font-size:7px;background:#000b;padding:5px}.ctv-demo-controls{margin-top:22px}.ctv-demo-controls>button{background:#e9eef8;color:#203b60}.ad-product .ctv-demo-controls>p{font-size:11px;line-height:1.8;color:#b9c8df;margin-top:12px}
.native-lead-form{max-width:460px;margin:auto;padding:10px 15px 20px;color:#24416b}.native-lead-brand{display:flex;align-items:center;gap:8px;padding-bottom:20px;border-bottom:1px solid #c8d2df}.native-lead-brand>svg{width:32px;height:32px}.native-lead-brand strong{font-size:26px;letter-spacing:-.04em}.native-lead-brand strong>span{display:block;font-size:7px;letter-spacing:.1em}.native-lead-brand>span{margin-left:auto;font-size:9px}.ad-product .native-lead-form h2{font-size:31px;color:#24416b;line-height:1.1;margin-top:25px}.ad-product .native-lead-form>p{font-size:13px;line-height:1.7;color:#4e6683;margin-top:15px}.native-lead-offer{padding:18px;background:#e6edf8;margin:20px 0}.native-lead-offer strong,.native-lead-offer span{display:block;font-size:12px;line-height:1.8}.native-lead-form label{display:block;font-size:12px;margin-top:17px}.native-lead-form input,.native-lead-form select{display:block;width:100%;min-height:44px;padding:10px;border:1px solid #8c9db5;background:white;color:#34516f;border-radius:3px;margin-top:7px;font-size:14px}.native-lead-form>button{width:100%;min-height:46px;background:#294e9c;color:white;border:0;border-radius:4px;padding:12px;margin-top:20px;cursor:pointer}.ad-product .native-lead-form .native-lead-consent{font-size:10px}.ad-product [data-native-lead-status]{color:#24573a}
.category-publisher-context{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;background:#fff;color:#263b4a;border-bottom:1px solid #d3dce2}.category-publisher-context strong{font-size:19px;letter-spacing:-.04em}.category-publisher-context span{font-size:7px;letter-spacing:.08em}.branded-creative .brand-campaign{height:440px;padding-top:78px}.branded-creative .brand-campaign>img{height:calc(100% - 78px);position:absolute;inset:78px 0 0;object-position:center}.branded-creative .campaign-brand{inset:0 0 auto;background:#fff;color:#263b4a;padding:16px 20px;height:78px}.branded-creative .campaign-brand>div>span{color:#52647b;font-size:9px}.branded-creative .campaign-brand strong{font-size:24px}.branded-creative .brand-campaign:after{inset:78px 0 0;background:linear-gradient(transparent 30%,#051322e8)}.branded-creative .campaign-mark{color:var(--brand-accent)}.branded-creative .campaign-message{bottom:38px}.branded-creative .campaign-signature{bottom:17px}.branded-creative .category-ad-disclosure{background:#edf1f5;color:#39485d}.campaign-tabs>button:last-child{grid-column:auto}
@media(max-width:600px){.placement-style-choice button{flex:1;font-size:11px;padding:10px}.native-install-description{gap:7px 10px;padding-inline:13px}.native-install-description h4{font-size:18px}.native-install-description button{padding:10px 12px}.native-install-ad>img{height:190px}.native-install-identity{padding-inline:12px;gap:7px}.native-install-identity strong{font-size:10px}.native-install-identity>div>span{font-size:8px}.native-install-feed>header{padding:16px 13px}.native-install-feed>header span{font-size:5px}.ctv-player-brand{padding:10px}.ctv-player-brand span{font-size:5px}.ctv-programme{aspect-ratio:16/10}.ctv-programme-title>strong{font-size:22px}.ctv-programme.is-paused{aspect-ratio:4/3}.ctv-programme.is-paused .ctv-programme-title{left:10px}.ctv-programme.is-paused .ctv-programme-title>strong{font-size:17px}.ctv-pause-ad{width:42%;padding:9px}.ctv-programme.is-paused>img{width:58%}.ctv-pause-ad>img{height:48px}.ctv-pause-ad h4{font-size:14px}.ctv-pause-ad p{display:none}.ctv-pocket-lockup strong{font-size:17px}.ctv-pocket-lockup svg{width:17px}.ctv-player-progress{left:10px;right:46%;font-size:5px}.branded-creative .brand-campaign{height:420px}.branded-creative .campaign-brand>div>span{font-size:8px}.category-publisher-context{padding:15px}.category-publisher-context span{font-size:5px}.native-lead-form{padding-inline:0}}
@media(prefers-reduced-motion:reduce){.ctv-programme>img{transition:none}}
.native-lead-creative{background:#254994;color:white;padding:25px}.native-lead-creative>span{font-size:10px;letter-spacing:.08em}.native-lead-creative h4{font-size:36px;line-height:1.1;letter-spacing:-.035em;margin-top:20px;color:white}.native-lead-creative .lead-product-proof{margin-top:25px}.native-lead-creative .lead-product-proof>div{font-size:12px;padding:10px 0}.native-lead-creative .lead-product-proof>span{font-size:8px}
.campaign-case{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}.campaign-explanation{min-width:0}.campaign-explanation p,.campaign-explanation dd{overflow-wrap:break-word}
@media(max-width:820px){.campaign-case{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.ctv-programme,.ctv-programme.is-paused{aspect-ratio:16/9}.ctv-pause-ad>img{display:none}.ctv-pause-ad>span{font-size:4px}.ctv-pause-ad h4{font-size:12px;margin-top:8px}.ctv-pause-ad button{font-size:8px;margin-top:8px;padding:5px}.ctv-programme.is-paused .ctv-programme-title>strong{font-size:15px}}
.ad-product details.example-ad-info{border:0}.ad-product .example-ad-info summary{display:grid;place-items:center;padding:0;gap:0;font-size:17px;min-height:44px;min-width:28px}
