#verde-bottom[data-demo=maya]{display:block;padding:0;min-height:0;border:0;border-radius:0;background:transparent}#verde-bottom[data-demo=maya]:focus-visible{outline:3px solid var(--fg);outline-offset:4px}

/* All top campaigns occupy the same wide, skinny slot. */
#verde-top:not([data-demo=art]){display:grid;grid-template-columns:47px 1fr auto 22px;width:min(590px,100%);height:52px;min-height:52px;box-sizing:border-box;gap:14px;padding:5px 16px;flex-wrap:nowrap;border-radius:0;letter-spacing:normal;text-align:left;margin:16px auto 20px;border-top:3px solid #247346}#verde-top:not([data-demo=art]) .verde-top-support{font:700 7px/1.35 Arial,sans-serif;letter-spacing:1px;color:#677661}#verde-top:not([data-demo=art]) strong{font:italic 900 34px/.95 Arial,sans-serif;letter-spacing:-2px}#verde-top:not([data-demo=art]) .verde-top-promise{font:11px/1.25 Arial,sans-serif;white-space:nowrap;color:#53624f}#verde-top:not([data-demo=art]) .verde-top-promise b{display:block;font:700 10px/1.25 Arial,sans-serif;margin-top:3px;color:#247346}#verde-top:not([data-demo=art]) .verde-top-arrow{font:26px/1 Arial,sans-serif;color:#247346}
@media(max-width:650px){#verde-top:not([data-demo=art]){grid-template-columns:1fr auto 18px;gap:10px;padding:5px 11px;flex-direction:row}#verde-top:not([data-demo=art]) .verde-top-support{display:none}#verde-top:not([data-demo=art]) strong{font-size:27px}#verde-top:not([data-demo=art]) .verde-top-promise{font-size:9px}#verde-top:not([data-demo=art]) .verde-top-promise b{font-size:9px}#verde-top:not([data-demo=art]) .verde-top-arrow{font-size:23px}}

/* Placement invitations sit outside the demo artwork and remain independent links. */
.banner-prompt{margin:10px 0 0;text-align:center;font:400 11px/1.5 Arial,'Helvetica Neue',Helvetica,sans-serif;color:var(--mu)}
.banner-prompt a{color:var(--mu);text-decoration:underline;text-underline-offset:3px;padding:6px 0;display:inline-block}
.banner-prompt a:hover{color:var(--text-accent)}
.banner-prompt a:focus-visible{outline:2px solid var(--text-accent);outline-offset:4px}

#banner-column-prompt{position:absolute;margin:0;text-align:center;z-index:1}
#banner-column-prompt[hidden]{display:none}

/* Green chevrons match the static-link motif, fading toward the tip. */
.banner-prompt .prompt-arrow{display:inline-flex;gap:0;margin-left:6px;font:700 20px/1 Arial,sans-serif;vertical-align:-1px;color:#247346;text-decoration:none}
.prompt-arrow>span:nth-child(1){opacity:1}
.prompt-arrow>span:nth-child(2){opacity:.55}
.prompt-arrow>span:nth-child(3){opacity:.25}

/* Matched AD.s demo pairs use separate wide and phone artwork. */
#verde-top[data-demo=art]{display:block;width:min(590px,100%);max-width:100%;height:auto;min-height:0;margin:16px auto 20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;letter-spacing:normal}
#verde-bottom[data-demo=art]{display:block;width:100%;min-height:0;margin:28px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;letter-spacing:normal}
#verde-top[data-demo=art] picture,#verde-bottom[data-demo=art] picture,#verde-top[data-demo=art] img,#verde-bottom[data-demo=art] img{display:block;width:100%;height:auto}
#verde-top[data-demo=art]:focus-visible,#verde-bottom[data-demo=art]:focus-visible{outline:3px solid var(--text-accent);outline-offset:5px}
#verde-bottom[data-demo=art]+#banner-bottom-prompt{display:none}

/* Fixed Vitamin Depot top placement, with AD.s offer footer outside the creative. */
#verde-top[data-demo=vitamin]{display:block;width:min(590px,100%);height:auto;min-height:0;box-sizing:border-box;margin:16px auto 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;letter-spacing:normal;text-align:left;text-decoration:none}#verde-top[data-demo=vitamin] .vitamin-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:clamp(5px,1.2vw,15px);width:100%;aspect-ratio:1200/94;padding:0 clamp(5px,1.1vw,13px);box-sizing:border-box;border:1px solid #ddd6c6;border-radius:3px;background:#f4eddf;color:#173e31}#verde-top[data-demo=vitamin] .vitamin-banner:before{content:"";position:absolute;z-index:-2;inset:0;background:url('/sponsor-assets/vitamin-depot-products.jpg') 78% 55%/cover no-repeat}#verde-top[data-demo=vitamin] .vitamin-banner:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f8f3e8 0%,#f8f3e8f7 50%,#f8f3e8cb 76%,#f8f3e875 100%)}#verde-top[data-demo=vitamin] .vitamin-name{display:flex;align-items:center;gap:5px;flex:none;border-right:1px solid #74917d;padding-right:clamp(6px,1vw,13px)}#verde-top[data-demo=vitamin] .vitamin-mark{display:grid;place-items:center;width:clamp(16px,2vw,25px);height:clamp(16px,2vw,25px);color:#f7eedf;background:#1b6046;border-radius:50%;font:normal clamp(11px,1.4vw,17px)/1 Arial,sans-serif}#verde-top[data-demo=vitamin] .vitamin-name strong{font:800 clamp(9px,1vw,13px)/1 Arial,sans-serif;letter-spacing:-.04em;white-space:nowrap;color:#173e31}#verde-top[data-demo=vitamin] .vitamin-name strong span{font-weight:500;margin-left:2px}#verde-top[data-demo=vitamin] .vitamin-copy{min-width:0;flex:1;font:700 clamp(11px,1.45vw,18px)/1.08 Georgia,serif;letter-spacing:-.025em;white-space:nowrap;color:#173e31}#verde-top[data-demo=vitamin] .vitamin-copy em{color:#a8512d;font-style:italic}#verde-top[data-demo=vitamin] .vitamin-action{flex:none;background:#1d5941;color:#fffdf6;padding:clamp(6px,.7vw,9px) clamp(6px,.8vw,10px);border-radius:3px;font:700 clamp(7px,.7vw,9px)/1 Arial,sans-serif;letter-spacing:.07em;white-space:nowrap}#verde-top[data-demo=vitamin] .vitamin-action b{font-size:11px;margin-left:4px}#verde-top[data-demo=vitamin] .vitamin-footer{display:flex;align-items:center;gap:7px;padding:4px 8px;background:#f7f5ef;border:1px solid #ddd6c6;border-top:0;color:#252521;font:700 10px/1.2 Arial,sans-serif}#verde-top[data-demo=vitamin] .vitamin-footer img{display:block;width:20px;height:20px;border-radius:5px}#verde-top[data-demo=vitamin]:focus-visible{outline:3px solid var(--text-accent);outline-offset:5px}@media(max-width:600px){#verde-top[data-demo=vitamin] .vitamin-banner{padding:0 6px;gap:5px}#verde-top[data-demo=vitamin] .vitamin-name{padding-right:6px}#verde-top[data-demo=vitamin] .vitamin-mark{width:15px;height:15px;font-size:10px}#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:8px}#verde-top[data-demo=vitamin] .vitamin-copy{font-size:10px}#verde-top[data-demo=vitamin] .vitamin-action{font-size:7px;padding:5px;letter-spacing:0}#verde-top[data-demo=vitamin] .vitamin-action b{font-size:9px;margin-left:2px}}@media(max-width:360px){#verde-top[data-demo=vitamin] .vitamin-banner{gap:3px;padding:0 4px}#verde-top[data-demo=vitamin] .vitamin-name{gap:3px;padding-right:4px}#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:7px}#verde-top[data-demo=vitamin] .vitamin-mark{width:13px;height:13px;font-size:9px}#verde-top[data-demo=vitamin] .vitamin-copy{font-size:8px}#verde-top[data-demo=vitamin] .vitamin-action{font-size:6px;padding:4px}#verde-top[data-demo=vitamin] .vitamin-action b{font-size:8px}}

/* Approved green Vitamin Depot creative. */
.vitamin-illustration{display:flex;flex:none;align-items:center;gap:3px;transform:rotate(-13deg)}.vitamin-illustration i{display:block;width:13px;height:22px;border:1px solid #f8e052;border-radius:999px;background:linear-gradient(180deg,#ffe861 0 48%,#f3bb31 49%);box-shadow:0 1px 2px #0018}.vitamin-illustration i:nth-child(2){height:18px;width:11px;background:linear-gradient(180deg,#fff2a4 0 48%,#e9b52c 49%);transform:translateY(4px) rotate(35deg)}.vitamin-illustration i:nth-child(3){height:14px;width:9px;transform:translateY(-3px) rotate(-30deg)}#verde-top[data-demo=vitamin] .vitamin-banner{color:#ffe65b;background:#104a2f;border:2px solid #eacb3d;gap:clamp(4px,.9vw,10px)}#verde-top[data-demo=vitamin] .vitamin-banner:before{display:none}#verde-top[data-demo=vitamin] .vitamin-banner:after{background:linear-gradient(100deg,#0d3e28,#17603a)}#verde-top[data-demo=vitamin] .vitamin-name{border-color:#dfcb66;padding-right:clamp(4px,.7vw,8px)}#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:clamp(8px,.9vw,12px);color:#ffea70}#verde-top[data-demo=vitamin] .vitamin-copy{font-size:clamp(9px,1.05vw,13px);line-height:1.05;white-space:normal;letter-spacing:-.025em;color:#ffea70}#verde-top[data-demo=vitamin] .vitamin-copy em{color:#ffea70}#verde-top[data-demo=vitamin] .vitamin-mark{background:#f4d74a;color:#124c31}#verde-top[data-demo=vitamin] .vitamin-mark-pill{display:block;width:45%;height:68%;border:1.5px solid #124c31;border-radius:999px;background:linear-gradient(to bottom,#124c31 0 48%,#f5da53 49% 100%);transform:rotate(38deg)}#verde-top[data-demo=vitamin] .vitamin-action{background:#ffe45b;color:#103c26;font-size:clamp(7px,.65vw,8px)}#verde-top[data-demo=vitamin] .vitamin-footer{justify-content:center;text-align:center}@media(max-width:600px){.vitamin-illustration{gap:2px}.vitamin-illustration i{width:6px;height:12px}.vitamin-illustration i:nth-child(2){width:6px;height:10px}.vitamin-illustration i:nth-child(3){display:none}#verde-top[data-demo=vitamin] .vitamin-banner{gap:4px;padding:0 5px}#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:7px}#verde-top[data-demo=vitamin] .vitamin-mark-pill{border-width:1px}#verde-top[data-demo=vitamin] .vitamin-copy{font-size:clamp(7px,1.9vw,10px);line-height:1.05}#verde-top[data-demo=vitamin] .vitamin-action{font-size:6px;padding:4px}}@media(max-width:360px){.vitamin-illustration{display:none}#verde-top[data-demo=vitamin] .vitamin-copy{font-size:6.5px}}

/* Velvet Deck: native DOM creative, isolated from reader themes. */
#verde-top[data-demo=velvet],#verde-bottom[data-demo=velvet],#sponsor-column[data-demo=velvet]{display:block;box-sizing:border-box;padding:0;border:1px solid #34253d;border-radius:10px;overflow:hidden;background:#0a0c16;color:#fff;text-decoration:none;text-align:left;letter-spacing:normal;font:400 14px/1.4 Arial,Helvetica,sans-serif;isolation:isolate}
#verde-top[data-demo=velvet]{width:100%;height:auto;min-height:0;margin:0}
#verde-bottom[data-demo=velvet]{width:100%;margin:28px 0 0;min-height:0}
#sponsor-column[data-demo=velvet]{height:auto;min-height:0;aspect-ratio:auto}
[data-demo=velvet] .velvet-creative{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:230px;padding:30px;overflow:hidden;background:radial-gradient(ellipse at 95% 30%,#64132b70,transparent 65%),linear-gradient(110deg,#0a0c16,#19112c 65%,#360a1c)}
[data-demo=velvet] .velvet-copy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;gap:12px;max-width:65%}
[data-demo=velvet] .velvet-brand{font:800 12px/1.3 Arial,sans-serif;letter-spacing:3px;color:#f3c757}
[data-demo=velvet] .velvet-headline{font:800 clamp(30px,3vw,48px)/1.02 Arial,sans-serif;letter-spacing:-1.5px;color:#fff}
[data-demo=velvet] .velvet-detail{font:400 14px/1.5 Arial,sans-serif;color:#d2cedb}
[data-demo=velvet] .velvet-cta{display:inline-block;margin-top:8px;padding:12px 25px;border:1px solid #f7d778;border-radius:999px;background:linear-gradient(#ffe38a,#e9b72e);color:#312005;font:800 14px/1.2 Arial,sans-serif;box-shadow:0 4px 20px #eab30830;transition:transform .2s}
[data-demo=velvet]:hover .velvet-cta{transform:translateY(-2px)}
[data-demo=velvet] .velvet-cards{position:relative;flex:0 0 210px;height:190px}
[data-demo=velvet] .velvet-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:106px;height:150px;padding:9px;background:linear-gradient(135deg,#fff,#edf0f6);border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 25px #0007;color:#161927;animation:velvet-float 4s ease-in-out infinite;--tilt:-9deg;transform:rotate(var(--tilt))}
[data-demo=velvet] .spades{left:4px;top:15px}[data-demo=velvet] .hearts{left:86px;top:28px;color:#ce2346;--tilt:13deg;animation-delay:-1.5s}
[data-demo=velvet] .velvet-corner{align-self:flex-start;width:15px;overflow-wrap:anywhere;text-align:center;font:700 18px/1 Georgia,serif}
[data-demo=velvet] .velvet-inverted{align-self:flex-end;transform:rotate(180deg)}
[data-demo=velvet] .velvet-suit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:48px/1 Georgia,serif}
[data-demo=velvet] .velvet-signature{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:11px 12px;background:#f5f1e8;color:#28252d;font:12px/1.4 Arial,sans-serif}
[data-demo=velvet] .velvet-demo{font-size:10px;letter-spacing:.7px}[data-demo=velvet] .velvet-design{font-size:11px;color:#5d5661}
#sponsor-column[data-demo=velvet] .velvet-creative{flex-direction:column;min-height:360px;padding:28px 20px;gap:25px}#sponsor-column[data-demo=velvet] .velvet-copy{max-width:100%;align-items:center;text-align:center}#sponsor-column[data-demo=velvet] .velvet-headline{font-size:38px}#sponsor-column[data-demo=velvet] .velvet-cards{flex-basis:auto;width:210px;height:185px}#sponsor-column[data-demo=velvet] .velvet-signature{flex-direction:column;gap:4px}
[data-demo=velvet]:focus-visible{outline:3px solid #d59b22;outline-offset:4px}
@keyframes velvet-float{0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt))}50%{transform:translate3d(0,-8px,0) rotate(var(--tilt))}}
@media(max-width:650px){[data-demo=velvet] .velvet-creative{padding:24px 18px;gap:5px;min-height:200px}[data-demo=velvet] .velvet-copy{max-width:65%}[data-demo=velvet] .velvet-headline{font-size:30px}[data-demo=velvet] .velvet-detail{font-size:12px}[data-demo=velvet] .velvet-cards{flex-basis:115px;height:150px}[data-demo=velvet] .velvet-card{width:72px;height:103px;padding:6px}[data-demo=velvet] .hearts{left:40px;top:35px}[data-demo=velvet] .velvet-suit{font-size:34px}[data-demo=velvet] .velvet-corner{font-size:13px;width:12px}#sponsor-column[data-demo=velvet] .velvet-cards{width:120px;height:140px}#sponsor-column[data-demo=velvet] .velvet-copy{max-width:100%}[data-demo=velvet] .velvet-brand{font-size:10px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){[data-demo=velvet] .velvet-card{animation:none}[data-demo=velvet] .velvet-cta{transition:none}[data-demo=velvet]:hover .velvet-cta{transform:none}}
#verde-top[data-demo=velvet] .velvet-headline{font:800 30px/1.02 Arial,sans-serif;letter-spacing:-1.5px;color:#fff}#verde-top[data-demo=velvet] .velvet-demo{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.7px;color:#28252d}
/* Top ads use the approved skinny 1200:94 desktop footprint. */
#verde-top[data-demo=velvet] .velvet-creative{box-sizing:border-box;min-height:0;height:76px;padding:8px 14px;gap:10px}#verde-top[data-demo=velvet] .velvet-copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 16px;max-width:none;flex:1}#verde-top[data-demo=velvet] .velvet-brand{grid-row:1/3;font-size:10px;letter-spacing:1.5px}#verde-top[data-demo=velvet] .velvet-headline{font-size:25px;letter-spacing:-.8px}#verde-top[data-demo=velvet] .velvet-detail{grid-column:2;font-size:11px}#verde-top[data-demo=velvet] .velvet-cta{grid-column:3;grid-row:1/3;margin:0;padding:9px 16px;font-size:11px}#verde-top[data-demo=velvet] .velvet-cards{flex:0 0 80px;height:54px}#verde-top[data-demo=velvet] .velvet-card{width:32px;height:45px;top:3px;left:6px;padding:3px;border-radius:4px}#verde-top[data-demo=velvet] .hearts{left:35px;top:7px}#verde-top[data-demo=velvet] .velvet-corner{font-size:6px;width:5px}#verde-top[data-demo=velvet] .velvet-suit{font-size:17px}#verde-top[data-demo=velvet] .velvet-signature{padding:5px 8px}
@media(max-width:650px){#verde-top[data-demo=velvet] .velvet-creative{height:62px;padding:6px 8px}#verde-top[data-demo=velvet] .velvet-copy{gap:3px 8px;grid-template-columns:1fr auto}#verde-top[data-demo=velvet] .velvet-brand{grid-row:1;grid-column:1;font-size:8px}#verde-top[data-demo=velvet] .velvet-headline{grid-column:1;grid-row:2;font-size:18px}#verde-top[data-demo=velvet] .velvet-detail{display:none}#verde-top[data-demo=velvet] .velvet-cta{grid-column:2;grid-row:1/3;font-size:9px;padding:8px 10px}#verde-top[data-demo=velvet] .velvet-cards{flex-basis:58px}#verde-top[data-demo=velvet] .hearts{left:25px}#verde-top[data-demo=velvet] .velvet-design{display:none}#verde-top[data-demo=velvet] .velvet-offer{font-size:10px}}

/* Approved native Vitamin Depot skinny banner. */
#verde-top[data-demo=vitamin] .vitamin-banner{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;aspect-ratio:1200/94;min-height:0;padding:0 16px;border:0;border-radius:5px;overflow:hidden;background:linear-gradient(135deg,#0f5c40,#0a402c);color:#fff;font-family:Arial,sans-serif}
#verde-top[data-demo=vitamin] .vitamin-banner:before,#verde-top[data-demo=vitamin] .vitamin-banner:after{display:none!important}#verde-top[data-demo=vitamin] .vitamin-name{display:flex;flex:none;align-items:center;gap:8px;padding-right:14px;border-right:1px solid #ffffff50}#verde-top[data-demo=vitamin] .vitamin-name strong{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.3px;color:#fff;white-space:nowrap}#verde-top[data-demo=vitamin] .vitamin-name strong span{margin-left:3px;font-weight:700}#verde-top[data-demo=vitamin] .vitamin-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#fff;color:#0a402c}#verde-top[data-demo=vitamin] .vitamin-mark-pill{display:block;width:15px;height:7px;border:0;border-radius:4px;background:linear-gradient(90deg,#0a402c 50%,#facc15 50%);transform:rotate(-45deg)}#verde-top[data-demo=vitamin] .vitamin-copy{flex:1;min-width:0;white-space:normal}#verde-top[data-demo=vitamin] .vitamin-copy strong{display:block;font:700 15px/1.1 Georgia,serif;color:#facc15;letter-spacing:-.3px;white-space:normal}#verde-top[data-demo=vitamin] .vitamin-copy>span{display:block;margin-top:3px;font:400 9px/1.2 Arial,sans-serif;color:#fff;letter-spacing:0}#verde-top[data-demo=vitamin] .vitamin-action{flex:none;white-space:nowrap;border-radius:4px;padding:9px 11px;background:#facc15;color:#0a402c;font:700 10px/1.1 Arial,sans-serif;letter-spacing:0}#verde-top[data-demo=vitamin] .vitamin-action b{font-size:12px;margin-left:3px}#verde-top[data-demo=vitamin] .vitamin-illustration{display:flex;flex:none;align-items:center;gap:5px;transform:none}#verde-top[data-demo=vitamin] .vitamin-illustration i{display:block;width:12px;height:25px;border:0;border-radius:12px;background:linear-gradient(#facc15 50%,#fff 50%);box-shadow:inset -2px -2px 4px #0003,1px 3px 5px #0004;animation:vitamin-float 3s ease-in-out infinite}#verde-top[data-demo=vitamin] .vitamin-illustration i:nth-child(2){width:14px;height:14px;border-radius:50%;background:#facc15;animation-delay:-1s;transform:none}#verde-top[data-demo=vitamin] .vitamin-illustration i:nth-child(3){width:14px;height:14px;border-radius:50%;background:#fff;animation-delay:-2s;transform:none}@keyframes vitamin-float{0%,100%{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-4px) rotate(20deg)}}
@media(max-width:650px){#verde-top[data-demo=vitamin] .vitamin-banner{gap:5px;padding:0 7px;min-height:46px}#verde-top[data-demo=vitamin] .vitamin-name{gap:4px;padding-right:6px}#verde-top[data-demo=vitamin] .vitamin-mark{width:17px;height:17px}#verde-top[data-demo=vitamin] .vitamin-mark-pill{width:10px;height:5px}#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:7px}#verde-top[data-demo=vitamin] .vitamin-name strong span{margin-left:2px}#verde-top[data-demo=vitamin] .vitamin-copy strong{font-size:10px;letter-spacing:-.2px}#verde-top[data-demo=vitamin] .vitamin-copy>span{font-size:6px;margin-top:2px}#verde-top[data-demo=vitamin] .vitamin-action{font-size:7px;padding:6px}#verde-top[data-demo=vitamin] .vitamin-action b{font-size:8px;margin-left:1px}#verde-top[data-demo=vitamin] .vitamin-illustration{gap:3px}#verde-top[data-demo=vitamin] .vitamin-illustration i{width:7px;height:16px}#verde-top[data-demo=vitamin] .vitamin-illustration i:nth-child(2),#verde-top[data-demo=vitamin] .vitamin-illustration i:nth-child(3){width:8px;height:8px}}
@media(max-width:400px){#verde-top[data-demo=vitamin] .vitamin-illustration{display:none}#verde-top[data-demo=vitamin] .vitamin-copy strong{font-size:9px}#verde-top[data-demo=vitamin] .vitamin-copy>span{font-size:5.5px}#verde-top[data-demo=vitamin] .vitamin-action{font-size:6px;padding:5px}#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:6px}#verde-top[data-demo=vitamin] .vitamin-mark{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){#verde-top[data-demo=vitamin] .vitamin-illustration i{animation:none}}
/* Owner preference: give the CTA more presence when a wide banner has room. */
@media(min-width:651px){#verde-top[data-demo=velvet] .velvet-cta{min-width:150px;padding:14px 28px;text-align:center;font-size:15px}#verde-bottom[data-demo=velvet] .velvet-cta{min-width:150px;text-align:center;padding:14px 28px;font-size:16px}}
#sponsor-column[data-demo=velvet] .velvet-cta{box-sizing:border-box;min-width:190px;padding:16px 28px;text-align:center;font-size:17px}

/* Approved option B: Manrope, separate from publisher and AD.sale typography. */
#verde-top[data-demo=vitamin] .vitamin-name strong,#verde-top[data-demo=vitamin] .vitamin-copy strong,#verde-top[data-demo=vitamin] .vitamin-copy>span,#verde-top[data-demo=vitamin] .vitamin-action{font-family:Manrope,Arial,sans-serif}
#verde-top[data-demo=vitamin] .vitamin-copy strong{font-size:14px;letter-spacing:-.5px;white-space:nowrap;font-weight:800}
#verde-top[data-demo=vitamin] .vitamin-copy>span{font-size:8px;white-space:nowrap}
#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:9px}
#verde-top[data-demo=vitamin] .vitamin-illustration{display:none}
#verde-top[data-demo=vitamin] .vitamin-action{font-size:9px;padding:9px}
@media(max-width:650px){#verde-top[data-demo=vitamin] .vitamin-name strong{font-size:6px}#verde-top[data-demo=vitamin] .vitamin-mark{display:none}#verde-top[data-demo=vitamin] .vitamin-copy strong{font-size:clamp(7px,2.2vw,12px);letter-spacing:-.35px}#verde-top[data-demo=vitamin] .vitamin-copy>span{font-size:5px}#verde-top[data-demo=vitamin] .vitamin-action{font-size:6px;padding:6px}#verde-top[data-demo=vitamin] .vitamin-name{padding-right:5px}}
@media(min-width:1100px){#verde-top[data-demo=vitamin] .vitamin-illustration{display:flex;gap:3px}#verde-top[data-demo=vitamin] .vitamin-illustration i:nth-child(3){display:none}}

/* Vitamin Depot replaces coffee in the in-column rotation. */
:is(#sponsor-column,#verde-bottom)[data-demo=nutrition]{display:block;padding:0;height:auto;min-height:0;border:1px solid #236249;border-radius:10px;overflow:hidden;background:#0d4b34;color:#fff;text-decoration:none;text-align:center;font-family:Manrope,Arial,sans-serif}
:is(#sponsor-column,#verde-bottom)[data-demo=nutrition][hidden]{display:none}
.nutrition-creative{display:flex;flex-direction:column;align-items:center;gap:32px;padding:30px 20px;background:linear-gradient(145deg,#0f5c40,#073525)}.nutrition-copy{display:flex;flex-direction:column;align-items:center;gap:18px}.nutrition-brand{font:800 13px/1.3 Manrope,Arial,sans-serif;letter-spacing:2px;color:#fff}.nutrition-headline{font:800 clamp(26px,3vw,36px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-1px;color:#facc15}.nutrition-detail{font:600 13px/1.6 Manrope,Arial,sans-serif;color:#fff}.nutrition-cta{display:block;box-sizing:border-box;min-width:200px;padding:16px 20px;border-radius:6px;background:#facc15;color:#0a402c;font:800 15px/1.2 Manrope,Arial,sans-serif}.nutrition-pills{display:flex;align-items:center;justify-content:center;gap:18px;height:110px}.nutrition-pills i{display:block;width:36px;height:82px;border-radius:30px;background:linear-gradient(#facc15 50%,#fff 50%);box-shadow:inset -4px -4px 8px #0003,3px 8px 12px #0004;animation:vitamin-float 3s ease-in-out infinite}.nutrition-pills i:nth-child(2){width:45px;height:45px;border-radius:50%;background:#facc15;animation-delay:-1s}.nutrition-pills i:nth-child(3){width:45px;height:45px;border-radius:50%;background:#fff;animation-delay:-2s}
:is(#sponsor-column,#verde-bottom)[data-demo=nutrition] .velvet-signature{display:flex;flex-direction:column;gap:5px;padding:14px 10px;background:#f5f1e8;color:#28252d;font:12px/1.4 Arial,sans-serif}:is(#sponsor-column,#verde-bottom)[data-demo=nutrition] .velvet-demo{font-size:10px;letter-spacing:.7px}:is(#sponsor-column,#verde-bottom)[data-demo=nutrition] .velvet-design{font-size:11px}:is(#sponsor-column,#verde-bottom)[data-demo=nutrition]:focus-visible{outline:3px solid #d59b22;outline-offset:4px}@media(prefers-reduced-motion:reduce){.nutrition-pills i{animation:none}}

#verde-bottom[data-demo=nutrition]{margin-top:28px}#verde-bottom[data-demo=nutrition] .nutrition-creative{flex-direction:row;justify-content:space-between;padding:32px 40px}#verde-bottom[data-demo=nutrition] .nutrition-copy{align-items:flex-start;text-align:left;max-width:65%}#verde-bottom[data-demo=nutrition] .nutrition-headline{font-size:clamp(26px,3vw,40px)}#verde-bottom[data-demo=nutrition] .nutrition-pills{flex:1}@media(max-width:650px){#verde-bottom[data-demo=nutrition] .nutrition-creative{flex-direction:column;padding:28px 20px}#verde-bottom[data-demo=nutrition] .nutrition-copy{align-items:center;text-align:center;max-width:100%}#verde-bottom[data-demo=nutrition] .nutrition-pills{flex:auto}}

#verde-bottom[data-demo=nutrition] .nutrition-creative{position:relative;padding-bottom:40px}#verde-bottom[data-demo=nutrition] .nutrition-demo-label{position:absolute;right:12px;bottom:8px;color:#fff;font:400 9px/1.2 Arial,sans-serif;letter-spacing:.2px}

/* Footer identity matches the top banner's white-circle capsule mark. */
#verde-bottom[data-demo=nutrition] .nutrition-brand{display:flex;align-items:center;gap:13px;font:800 clamp(17px,2vw,25px)/1.1 Manrope,Arial,sans-serif;letter-spacing:.5px;color:#fff}
#verde-bottom[data-demo=nutrition] .nutrition-brand-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0002}
#verde-bottom[data-demo=nutrition] .nutrition-brand-capsule{display:block;width:26px;height:12px;border-radius:999px;background:linear-gradient(90deg,#0a402c 50%,#facc15 50%);transform:rotate(-45deg)}
@media(max-width:650px){#verde-bottom[data-demo=nutrition] .nutrition-brand{font-size:19px;gap:10px}#verde-bottom[data-demo=nutrition] .nutrition-brand-mark{width:40px;height:40px}#verde-bottom[data-demo=nutrition] .nutrition-brand-capsule{width:22px;height:10px}}


/* Connected ad placement: top banner and attached footer rounded as one unit */
#verde-top[data-demo=vitamin]{border-radius:6px;overflow:hidden}
#verde-top[data-demo=vitamin] .vitamin-banner{border-radius:6px 6px 0 0}
#verde-top[data-demo=vitamin] .vitamin-footer{border-radius:0 0 6px 6px}