/* The original article surface stays in place. Only the active modal is restyled. */
.sbnvp-shell[open]:not([data-active="true"]){display:contents!important}
.sbnvp-shell:not([data-active="true"])>.sbnvp-chrome{display:none!important}
.sbnvp-shell[data-active="true"]{box-sizing:border-box;position:fixed;inset:0;width:min(860px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ddcfae;border-radius:24px;background:#fff8ec;color:#291c38;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #19132266;font-family:SBNVNunito,Arial,sans-serif}
.sbnvp-shell::backdrop{background:#191322b8}
.sbnvp-shell[data-active="true"]>.sbnvp-chrome{display:flex;position:sticky;top:0;z-index:5;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;border-bottom:1px solid #ddcfae;background:#fff8ec;color:#574a58;font:700 12px/1.5 SBNVNunito,Arial,sans-serif}
.sbnvp-shell .sbnvp-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #9c858e;border-radius:50%;background:#fff8ec;color:#291c38;font:400 29px/1 Arial,sans-serif;cursor:pointer}
.sbnvp-shell .sbnvp-close:hover{background:#f5e7d6}
.sbnvp-shell .sbnvp-close:focus-visible{outline:3px solid #b16b11;outline-offset:3px}
.sbnvp-shell[data-active="true"]>.sbnv.sbnv{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-inner{padding:24px 28px 28px;gap:22px}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-intro{display:block;margin:0}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-intro .sbnv-kicker{margin-bottom:9px}
.sbnvp-shell[data-active="true"] .sbnv.sbnv h2{font-size:clamp(28px,4vw,39px);margin:0 0 12px}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-lead{max-width:64ch;margin:0 0 6px;font-size:15px;line-height:1.6}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-player--portrait{width:min(100%,300px)}
.sbnvp-shell[data-active="true"] .sbnv.sbnv [data-sbnv-player]:has(>[data-sbnv-preview]){aspect-ratio:16/9!important;width:100%}
.sbnvp-shell[data-active="true"] [data-sbnv-preview-toggle]{display:none!important}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-offer{display:flex!important;flex-direction:column-reverse;align-items:stretch;gap:18px;margin-top:0;padding-top:20px}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-order{margin-top:0}
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-reviews,.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-discussion{display:none!important}
@media(max-width:600px){.sbnvp-shell[data-active="true"]{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.sbnvp-shell[data-active="true"]>.sbnvp-chrome{padding:8px 12px}.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-inner{padding:20px 16px}.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-play{min-height:88px;font-size:19px;padding:12px 15px;gap:12px}.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-play-disc{flex-basis:52px;width:52px;height:52px}}
@media(max-width:600px){.sbnvp-shell[data-active="true"] .sbnv.sbnv h2{font-size:28px!important;line-height:1.08!important}.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-lead{font-size:14px;line-height:1.5}.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-poster[data-sbnv-preview] .sbnv-play{bottom:18px;min-height:76px;font-size:18px}.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-preview-label{top:7px;font-size:8px!important;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.sbnvp-shell,.sbnvp-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Active popup only: keep the existing manual play control centered in its poster. */
.sbnvp-shell[data-active="true"] .sbnv.sbnv .sbnv-poster[data-sbnv-preview] .sbnv-play{top:50%;bottom:auto;transform:translate(-50%,-50%)}

/* Offer12 only. Article/card/player selectors and the legacy modal remain unchanged. */
dialog.sbnvp-shell.sbnvp-workshop-offer[data-active="true"]{width:min(800px,calc(100% - 32px));border:1px solid #d8c3df;border-radius:24px;background:#fff8ed;color:#2d2039;-webkit-text-fill-color:#2d2039}
dialog.sbnvp-shell.sbnvp-workshop-offer[data-active="true"]>.sbnvp-chrome{background:#302039;color:#fff4df;-webkit-text-fill-color:#fff4df;border:0;font-size:12px;padding:8px 16px}
dialog.sbnvp-workshop-offer .sbnvp-close{color:#302039!important;-webkit-text-fill-color:#302039!important;background:#fff8ed!important;border-color:#fff8ed!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-body{display:grid;grid-template-columns:.72fr 1fr;align-items:stretch}
dialog.sbnvp-workshop-offer .sbnvp-offer-art{position:relative;overflow:hidden;background:#302039;min-height:360px}
dialog.sbnvp-workshop-offer .sbnvp-offer-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;display:block;border:0;border-radius:0;max-width:none}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy{min-width:0;padding:26px 28px 18px;font:400 15px/1.5 SBNVNunito,Arial,sans-serif;color:#302039;-webkit-text-fill-color:#302039}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy .sbnvp-offer-kicker{margin:0 0 9px!important;font:800 10px/1.4 SBNVNunito,Arial,sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#705077;-webkit-text-fill-color:#705077}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy h2{margin:0 0 10px!important;font:500 clamp(26px,3vw,34px)/1.07 SBNVFraunces,Georgia,serif!important;letter-spacing:-.035em;color:#302039!important;-webkit-text-fill-color:#302039!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy .sbnvp-offer-lead{margin:0 0 15px!important;font:400 15px/1.4 SBNVNunito,Arial,sans-serif!important;color:#584762;-webkit-text-fill-color:#584762}
dialog.sbnvp-workshop-offer .sbnvp-offer-uses{margin:0 0 16px!important;padding:0!important;list-style:none!important;display:grid;gap:8px;font:400 13px/1.4 SBNVNunito,Arial,sans-serif!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-uses li{padding:0!important;margin:0!important;color:#584762;-webkit-text-fill-color:#584762}
dialog.sbnvp-workshop-offer .sbnvp-offer-uses strong{display:block;color:#302039;-webkit-text-fill-color:#302039;font-weight:800}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy .sbnvp-offer-included{padding-top:12px;margin:0 0 12px!important;border-top:1px solid #decedd;font:400 12px/1.5 SBNVNunito,Arial,sans-serif!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-included strong{display:block;font-size:14px;font-weight:800}
dialog.sbnvp-workshop-offer .sbnvp-offer-included span{display:block;color:#65556c;-webkit-text-fill-color:#65556c}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy a.sbnvp-offer-buy{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin:0;padding:12px 18px;border:1px solid #4b275b;border-radius:12px;background:#613471!important;color:#fff8ed!important;-webkit-text-fill-color:#fff8ed!important;box-shadow:0 4px 0 #3b2048;text-decoration:none!important;font:800 17px/1.3 SBNVNunito,Arial,sans-serif!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-buy span{color:inherit!important;-webkit-text-fill-color:inherit!important;font-size:21px}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy a.sbnvp-offer-buy:hover{background:#4d285c!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy .sbnvp-offer-terms{margin:10px 0 8px!important;text-align:center;font:700 11px/1.4 SBNVNunito,Arial,sans-serif!important;color:#584762;-webkit-text-fill-color:#584762}
dialog.sbnvp-workshop-offer .sbnvp-offer-copy a.sbnvp-offer-read{display:block;min-height:32px;text-align:center;font:700 13px/1.6 SBNVNunito,Arial,sans-serif!important;text-decoration:underline!important;color:#613471!important;-webkit-text-fill-color:#613471!important;background:transparent!important}
dialog.sbnvp-workshop-offer .sbnvp-offer-dismiss{display:block;margin:2px auto 0;padding:8px 4px;min-height:40px;border:0;border-radius:4px;background:transparent!important;color:#584762!important;-webkit-text-fill-color:#584762!important;font:700 12px/1.4 SBNVNunito,Arial,sans-serif!important;text-decoration:underline;cursor:pointer}
dialog.sbnvp-workshop-offer a:focus-visible,dialog.sbnvp-workshop-offer button:focus-visible{outline:3px solid #ae6500!important;outline-offset:3px!important}
@media(max-width:600px){dialog.sbnvp-shell.sbnvp-workshop-offer[data-active="true"]{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}dialog.sbnvp-workshop-offer .sbnvp-offer-body{display:block}dialog.sbnvp-workshop-offer .sbnvp-offer-art{height:84px;min-height:0}dialog.sbnvp-workshop-offer .sbnvp-offer-art img{object-position:50% 44%}dialog.sbnvp-workshop-offer .sbnvp-offer-copy{padding:19px 20px 12px}dialog.sbnvp-workshop-offer .sbnvp-offer-copy h2{font-size:28px!important}dialog.sbnvp-workshop-offer .sbnvp-offer-uses{gap:6px;margin-bottom:12px!important}dialog.sbnvp-workshop-offer .sbnvp-offer-copy .sbnvp-offer-lead{font-size:14px!important;margin-bottom:12px!important}dialog.sbnvp-workshop-offer .sbnvp-offer-copy a.sbnvp-offer-buy{font-size:16px!important;padding:12px 15px}}
@media(max-height:720px) and (max-width:600px){dialog.sbnvp-workshop-offer .sbnvp-offer-art{display:none}dialog.sbnvp-workshop-offer .sbnvp-offer-copy{padding-top:16px}}
@media(max-height:560px) and (max-width:600px){dialog.sbnvp-workshop-offer .sbnvp-offer-uses{display:none!important}dialog.sbnvp-workshop-offer .sbnvp-offer-copy h2{font-size:25px!important}}
@media(forced-colors:active){dialog.sbnvp-workshop-offer .sbnvp-offer-copy a.sbnvp-offer-buy{border:2px solid ButtonText;box-shadow:none}dialog.sbnvp-workshop-offer a:focus-visible,dialog.sbnvp-workshop-offer button:focus-visible{outline:3px solid Highlight!important}}

/* Keep the approved offer typography when the article theme styles nested text. */
dialog.sbnvp-workshop-offer .sbnvp-chrome>span,
dialog.sbnvp-workshop-offer .sbnvp-offer-uses li,
dialog.sbnvp-workshop-offer .sbnvp-offer-uses strong,
dialog.sbnvp-workshop-offer .sbnvp-offer-included>strong,
dialog.sbnvp-workshop-offer .sbnvp-offer-included>span{font-family:inherit!important}