.benefit-popup{width:min(var(--popup-width,480px),calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:24px;padding:0;background:#f5faf7;color:#173c35;box-shadow:0 24px 90px #0006;overscroll-behavior:contain}.benefit-popup::backdrop{background:#071f2b99;backdrop-filter:blur(3px)}.benefit-popup-close{position:absolute;z-index:2;right:12px;top:10px;border:1px solid #ffffff55;background:#123933cc;border-radius:50%;width:40px;height:40px;font-size:27px;line-height:1;color:white}.benefit-popup-hero{background:radial-gradient(ellipse at 50% 80%,#7ec6b4 0,#23695c 46%,#102f35 100%);padding:44px var(--popup-padding,26px) 0;text-align:center;border-radius:24px 24px 0 0;overflow:hidden}.benefit-popup h2{color:#f5fffa;font-size:var(--popup-title-size,28px);line-height:1.35;letter-spacing:-.04em;margin:0 auto 12px;max-width:90%;text-wrap:balance}.benefit-popup img{display:block;width:100%;height:var(--popup-image-height,240px);object-fit:contain;object-position:center bottom;margin:0 auto;filter:drop-shadow(0 8px 18px #082b2855)}.benefit-popup-content{padding:20px var(--popup-padding,26px) var(--popup-padding,26px)}.benefit-popup p{white-space:pre-line;line-height:1.8;font-size:var(--popup-body-size,15px);margin:0 0 18px;overflow-wrap:anywhere}.benefit-popup a{display:block;text-align:center;padding:14px 18px;border-radius:28px;background:#17483e;color:#fff;font-weight:700;line-height:1.5}.benefit-popup-today{display:block;margin:16px auto 0;border:0;background:transparent;text-decoration:underline;color:#45645e;font-size:13px;padding:6px}.benefit-popup :focus-visible{outline:3px solid #73e1c5;outline-offset:3px}body:has(.benefit-popup[open]){overflow:hidden}@media(max-width:600px){.benefit-popup{border-radius:20px}.benefit-popup img{height:var(--popup-mobile-image-height,180px)}.benefit-popup-hero{padding-top:48px}.benefit-popup-content{padding-top:18px}.benefit-popup h2{font-size:min(var(--popup-title-size,28px),30px)}}@media(max-height:650px){.benefit-popup img{height:min(var(--popup-mobile-image-height,180px),25dvh)}.benefit-popup-hero{padding-top:46px}.benefit-popup-content{padding-top:14px}}
/* Reference-led navy poster, with approved editable copy and a large cat. */
.benefit-popup{border-radius:0;background:#00132f;color:#fff}.benefit-popup-hero{border-radius:0;background:linear-gradient(145deg,#020b1a,#00183f);padding-top:44px}.benefit-popup h2{max-width:100%;color:#8de0d1;font-weight:800;font-size:var(--popup-title-size,44px);line-height:1.2;white-space:pre-line}.benefit-popup-hero p{color:#fff;line-height:1.55;margin:16px auto 0;max-width:540px}.benefit-popup img{margin-top:10px;object-position:center bottom}.benefit-popup-content{background:#fff;padding:12px 22px;color:#15342e;display:flex;align-items:center;gap:16px}.benefit-popup-content>a{flex:1;background:#88dbce;color:#102d31;padding:10px 18px}.benefit-popup-today{margin:0;font-size:12px;white-space:nowrap}.benefit-popup-close{background:transparent;border:0;color:#fff}@media(max-width:600px){.benefit-popup{border-radius:0}.benefit-popup h2{font-size:min(var(--popup-title-size,44px),8vw)}.benefit-popup-hero{padding-left:18px;padding-right:18px}.benefit-popup-hero p{font-size:min(var(--popup-body-size,17px),3.7vw)}.benefit-popup-content{padding:10px 12px;gap:10px}.benefit-popup-content>a{font-size:13px}.benefit-popup-today{font-size:10px}}@media(max-height:650px){.benefit-popup img{height:min(var(--popup-mobile-image-height,260px),38dvh)}}

.benefit-popup .popup-title-line{display:block;color:#fff}.benefit-popup .popup-title-line.accent{color:#8de0d1}.benefit-popup-hero>img{width:88%;object-fit:cover;object-position:center 20%}
/* Mobile popup disabled; inline event banners remain untouched. */
@media(max-width:700px){#benefit-popup,#benefit-popup::backdrop{display:none!important}body:has(#benefit-popup[open]){overflow:auto}}