/* Four mobile presentations of the same quiz. Native text, controls and owned racket artwork. */
@media all{
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment{--ab-paper:#fff;--ab-ink:#111813;--ab-muted:#526057;--ab-line:#d4dcd5;--ab-button:#101711;--ab-button-ink:#fff;--q-ink:var(--ab-ink);--q-muted:var(--ab-muted);--q-line:var(--ab-line);--q-accent:#dfff24;--lime:#dfff24}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-pop-panel{display:flex;flex-direction:column;background:var(--ab-paper);color:var(--ab-ink);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .ym-quiz-dismiss-control{position:fixed!important;top:max(12px,env(safe-area-inset-top))!important;right:12px!important;width:44px!important;height:44px!important;background:#ffffffed!important;box-shadow:0 1px 12px #0002!important}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual{isolation:isolate;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:0 0 auto;width:100%;height:clamp(260px,37dvh,340px);max-height:none;min-height:0;gap:0;padding:52px 22px 26px;background:#dfff24;color:#101711;overflow:hidden}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(14deg,#00000003 0 1px,transparent 1px 4px),linear-gradient(135deg,transparent 60%,#fff9 60.2% 61%,transparent 61.2%);pointer-events:none}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy{position:relative;z-index:2;flex:0 0 55%;width:55%;max-width:none;text-align:left}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy strong{font:900 clamp(36px,10.8vw,54px)/.94 QuizDisplay,Impact,sans-serif;letter-spacing:-.02em;color:inherit;text-transform:uppercase;overflow-wrap:normal}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy small{max-width:180px;margin:14px 0 0;color:inherit;font:600 12px/1.5 QuizBody,sans-serif}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual img{position:absolute;z-index:1;right:-6px;bottom:12px;width:48%;height:87%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:rotate(12deg);filter:drop-shadow(0 12px 8px #0004)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv2-main,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment.pv2-started .pv2-main{flex:1 0 auto;width:100%;height:auto;max-height:none;min-height:0;overflow:visible;padding:24px 22px max(28px,env(safe-area-inset-bottom));background:var(--ab-paper);color:var(--ab-ink)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-progress{margin:0 0 20px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-progress>div:first-child{color:var(--ab-muted);font-size:11px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-track{background:var(--ab-line);height:3px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-track i{background:var(--ab-ink)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-q legend b,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-step h3{color:var(--ab-ink);font:800 24px/1.2 QuizBody,sans-serif;letter-spacing:-.7px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment [data-q=who] legend{text-align:left}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-step-note,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-skip,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-back{color:var(--ab-muted)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-chips{gap:10px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-chips label>span{background:var(--ab-paper);border:1.5px solid var(--ab-line);color:var(--ab-ink);border-radius:10px;min-height:56px;padding:13px 14px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment [data-q=who] .pdl-voice-chips label>span{min-height:78px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-chips input:checked+span{border-color:var(--ab-ink);box-shadow:0 0 0 1px var(--ab-ink)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-option-copy,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-option-copy b,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-option-icon{color:var(--ab-ink)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-option-copy small{color:var(--ab-muted);font-size:12px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-field input,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-field textarea,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .ym-quiz-phone select,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv2-other{color:var(--ab-ink);background:var(--ab-paper);border:1.5px solid var(--ab-line);border-radius:10px;font-size:16px;min-height:54px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment input::placeholder,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment textarea::placeholder{color:var(--ab-muted);opacity:1}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .ym-quiz-phone-label,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment [data-step=email]>.pdl-voice-field>span{color:var(--ab-ink);font-size:13px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-submit,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-done .ymc-button{background:var(--ab-button);color:var(--ab-button-ink);min-height:56px;border-radius:10px;border:0;box-shadow:none;font-size:16px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-arrow{background:transparent;color:inherit}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-nav{margin-top:20px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-error{color:#a5201c;background:#fff1ee;border-radius:8px;padding:12px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment :is(input,select,textarea,button,a):focus-visible{outline:3px solid #698313;outline-offset:3px}
 /* Spotlight: physical product, crimson light, restrained dark control surfaces. */
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark]{--ab-paper:#111515;--ab-ink:#f8faf7;--ab-muted:#bcc6bf;--ab-line:#48534d;--ab-button:#dfff24;--ab-button-ink:#101711}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pv3-mobile-visual{background:radial-gradient(ellipse at 83% 24%,#65676166,transparent 48%),#0a0c0b;color:#fff}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pv3-mobile-visual::before{background:linear-gradient(116deg,transparent 75%,#e22429 75.3%,#ff3a3550 76%,transparent 82%);filter:drop-shadow(0 0 12px #f02f2f)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pv3-mobile-visual img{transform:rotate(-8deg);filter:drop-shadow(4px 2px 12px #fff2)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pv3-track i{background:#dfff24}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pv2-result h3,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pv2-result p{color:var(--ab-ink)}
 /* Clean Sport: net-shadow geometry, ivory and a red equipment accent. */
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=clean]{--ab-paper:#f7f4eb;--ab-line:#9ea69c;--ab-button:#173d2b}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=clean] .pv3-mobile-visual{background:#f7f4eb;color:#111813;border-bottom:1px solid #e0e2d7}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=clean] .pv3-mobile-visual::before{inset:60% -10% -40%;transform:rotate(-18deg);opacity:.35;background:repeating-linear-gradient(0deg,transparent 0 19px,#939c9344 20px 22px),repeating-linear-gradient(90deg,transparent 0 23px,#939c9344 24px 26px)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=clean] .pv3-mobile-copy small::before{content:"";display:block;width:32px;height:3px;background:#ef2334;margin-bottom:12px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=clean] .pv3-mobile-visual img{transform:rotate(0deg)}
 /* Mystery Ticket: a perforated card over forest green; no game or fake prize claims. */
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket]{--ab-paper:#f7f4eb;--ab-line:#b8c1b6;--ab-button:#dfff24;--ab-button-ink:#101711}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pdl-voice-pop-panel{background:#14291e;padding:64px 14px 18px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv3-mobile-visual{background:#f7f4eb;color:#111813;border-radius:14px 14px 0 0;height:clamp(240px,33dvh,300px);padding:22px 18px 24px;border-bottom:2px dashed #77816e}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv3-mobile-visual::before{content:"?";font:900 250px/1 QuizDisplay,Impact,sans-serif;color:#dfff24;inset:0 0 0 43%;background:none;transform:rotate(12deg)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv3-mobile-copy strong{font-size:clamp(32px,10vw,50px)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv3-mobile-visual img{right:-3px;transform:rotate(-8deg)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv2-main{position:relative;padding-inline:18px;border-radius:0 0 14px 14px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv2-main::before,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv2-main::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#14291e;top:-10px;left:-9px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv2-main::after{left:auto;right:-9px}
 /* Contact details remain the focus on the final step and when the keyboard opens. */
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-contact .pv3-mobile-visual,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-complete .pv3-mobile-visual{height:clamp(210px,29dvh,260px)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-contact .pv3-mobile-copy strong{font-size:clamp(32px,9vw,46px)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-contact .pv3-mobile-copy small{display:none}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-contact .pdl-voice-step-note{font-size:12px;margin-bottom:18px}
}
@media(max-width:360px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv2-main{padding-inline:18px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual{padding-left:18px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-q legend b,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-step h3{font-size:22px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .ym-quiz-phone-row{grid-template-columns:minmax(96px,39%) minmax(0,1fr);gap:8px}
}
@media(max-width:820px) and (max-height:560px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual{height:180px;min-height:180px}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy strong{font-size:30px}
}

/* Keep the selected design visible on desktop and when a window is resized. */
@media(min-width:821px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pdl-voice-pop-panel{display:grid;grid-template-columns:42% 58%;padding:0;overflow:hidden}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual,
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-contact .pv3-mobile-visual,
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-complete .pv3-mobile-visual{height:100%;min-height:0;flex-direction:column;justify-content:center;padding:64px 32px 32px;border-radius:0}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy{flex:0 0 auto;width:100%;max-width:400px;text-align:center}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy strong,
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.ym-quiz-contact .pv3-mobile-copy strong{font-size:clamp(40px,4.8vw,72px)}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy small{max-width:300px;margin:20px auto 0}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-copy small::before{margin-inline:auto}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv3-mobile-visual img{position:relative;right:auto;bottom:auto;width:55%;height:38dvh;margin-top:32px;flex:0 1 auto}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment .pv2-main,
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment.pv2-started .pv2-main{height:100%;padding:clamp(76px,12vh,120px) clamp(28px,5vw,90px) 40px;overflow-y:auto;border-radius:0}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv3-mobile-visual{border-bottom:0;border-right:2px dashed #77816e;background:#14291e;color:#fff}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv3-mobile-visual::before{color:#dfff241c;inset:40% 0 0;font-size:400px;text-align:center}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv2-main::before,
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=ticket] .pv2-main::after{display:none}
}

/* Desktop: a focused product-and-question dialog, with room around the page. */
@media(min-width:821px){
.pdl-voice-pop.pv2.pv3,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]{padding:32px;align-items:center;justify-content:center;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-pop-panel,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-pop-panel{width:min(1080px,100%);height:min(720px,calc(100dvh - 64px));max-height:calc(100dvh - 64px);min-height:0;display:grid;grid-template-columns:36% 64%;padding:0;border-radius:24px;overflow:hidden;box-shadow:0 28px 100px #0006;border:1px solid #ffffff30;}
.pdl-voice-pop.pv2.pv3 .ym-quiz-dismiss-control,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .ym-quiz-dismiss-control{position:absolute!important;top:14px!important;right:14px!important;}
.pdl-voice-pop.pv2.pv3 .pv3-mobile-visual,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-visual{height:100%;min-height:0;max-height:none;padding:42px 26px 28px;gap:0;justify-content:center;flex-direction:column;}
.pdl-voice-pop.pv2.pv3 .pv3-mobile-copy,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy{flex:0 0 auto;width:100%;max-width:320px;text-align:center;}
.pdl-voice-pop.pv2.pv3 .pv3-mobile-copy strong,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy strong{font-size:clamp(40px,3.7vw,56px);line-height:.97;}
.pdl-voice-pop.pv2.pv3 .pv3-mobile-copy small,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy small{font-size:13px;line-height:1.5;max-width:250px;margin:18px auto 0;}
.pdl-voice-pop.pv2.pv3 .pv3-mobile-visual img,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-visual img{position:relative;right:auto;bottom:auto;flex:0 1 auto;width:68%;height:min(280px,33dvh);max-height:40%;margin-top:28px;object-fit:contain;}
.pdl-voice-pop.pv2.pv3 .pv2-main,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv2-main{height:100%;min-height:0;max-height:none;padding:64px 44px 26px;overflow-y:auto;overscroll-behavior:contain;}
.pdl-voice-pop.pv2.pv3 .pv3-progress,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-progress{margin-bottom:26px;}
.pdl-voice-pop.pv2.pv3 .pv3-progress>div:first-child,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-progress>div:first-child{font-size:12px;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-q legend b,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-q legend b{font-size:28px;line-height:1.2;letter-spacing:-.7px;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-step h3,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-step h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-chips,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-chips{gap:12px;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-chips label>span,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-chips label>span{min-height:84px;padding:20px 22px;border-radius:14px;font-size:17px;gap:18px;}
.pdl-voice-pop.pv2.pv3 [data-q=who] .pdl-voice-chips,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] [data-q=who] .pdl-voice-chips{grid-template-columns:1fr;max-width:none;gap:16px;}
.pdl-voice-pop.pv2.pv3 [data-q=who] .pdl-voice-chips label>span,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] [data-q=who] .pdl-voice-chips label>span{min-height:118px;padding:24px 26px;}
.pdl-voice-pop.pv2.pv3 .pv3-option-copy b,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-option-copy b{font-size:18px;line-height:1.35;}
.pdl-voice-pop.pv2.pv3 [data-q=who] .pv3-option-copy b,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] [data-q=who] .pv3-option-copy b{font-size:22px;}
.pdl-voice-pop.pv2.pv3 .pv3-option-copy small,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-option-copy small{font-size:14px;line-height:1.5;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-chips label>span>i.pv3-option-icon,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-chips label>span>i.pv3-option-icon{width:34px!important;height:34px!important;color:inherit;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-chips label:hover>span,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-chips label:hover>span{background:var(--ab-paper,#fff);border-color:var(--ab-ink,#14241d);box-shadow:0 0 0 1px var(--ab-ink,#14241d);}
.pdl-voice-pop.pv2.pv3 .pdl-voice-chips input:checked+span,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-chips input:checked+span{background:var(--ab-paper,#fff)!important;color:var(--ab-ink,#14241d);}
.pdl-voice-pop.pv2.pv3 .pdl-voice-step-note,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-step-note{font-size:14px;line-height:1.6;}
}
@media(min-width:821px) and (max-height:700px){
.pdl-voice-pop.pv2.pv3,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]{padding:20px;}
.pdl-voice-pop.pv2.pv3 .pdl-voice-pop-panel,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-pop-panel{height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);}
.pdl-voice-pop.pv2.pv3 .pv2-main,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv2-main{padding:58px 32px 24px;}
.pdl-voice-pop.pv2.pv3 .pv3-mobile-copy strong,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy strong{font-size:42px;}
}

/* Dark quiz: keep interactive answer surfaces dark at every viewport width.
   Base quiz.css uses a light !important selected fill; override it with matching ink. */
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pdl-voice-chips label:is(:hover,:active)>span,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pdl-voice-chips input:is(:checked,:focus-visible)+span{
 background:#1f2b25!important;color:#f8faf7!important;border-color:#dfff24!important;box-shadow:0 0 0 1px #dfff24!important;
}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pdl-voice-chips label>span :is(.pv3-option-copy,.pv3-option-copy b,.pv3-option-icon){color:#f8faf7!important}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pdl-voice-chips .pv3-option-copy small{color:#bcc6bf!important}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pdl-voice-chips input:focus-visible+span{outline:2px solid #dfff24;outline-offset:4px}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] :is(.pdl-voice-submit,.pdl-voice-done .ymc-button):is(:hover,:active,:focus-visible){background:#dfff24!important;color:#101711!important}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark] .pdl-voice-submit :is(.pdl-voice-submit-label,.pdl-voice-arrow){color:inherit!important}

/* Compact introduction: give the question and choices the mobile screen. */
@media(max-width:820px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-visual{height:clamp(136px,21svh,170px)!important;min-height:0;max-height:none;padding:20px 20px 16px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy{flex:0 0 62%;width:62%;text-align:left;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy strong{font-size:clamp(27px,7.6vw,34px);line-height:.98;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy small{font-size:11px;line-height:1.35;margin:8px 0 0;max-width:190px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy small::before{display:none;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-visual img{right:35px;bottom:7px;width:27%;height:85%;max-height:none;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv2-main{padding:18px 20px max(16px,env(safe-area-inset-bottom));}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-progress{margin-bottom:14px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-q legend b,.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-step h3{font-size:21px;line-height:1.2;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] [data-q=who] .pdl-voice-chips label>span{min-height:66px;padding:12px 14px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-nav{margin-top:14px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design].ym-quiz-contact .pv3-mobile-visual{height:120px!important;}
}
@media(min-width:821px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy strong{font-size:clamp(32px,3vw,44px);}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-mobile-copy small{margin-top:12px;}
}

/* Readable secondary controls on light and dark quiz designs. */
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]{--ab-muted:#435248;--q-muted:var(--ab-muted)}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design=dark]{--ab-muted:#c3cec6}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-back,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-back:is(:hover,:active,:focus-visible){color:var(--ab-ink)!important;background:var(--ab-paper)!important;border:1px solid var(--ab-line);opacity:1;order:0;flex:0 0 auto;min-height:48px}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-skip,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-skip:is(:hover,:focus-visible){color:var(--ab-muted)!important;opacity:1}
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-question-note,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-field>span,
.pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-count{color:var(--ab-muted)}
@media(max-width:820px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design].pv2-started .pv3-mobile-visual{height:90px!important;padding:14px 20px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design].pv2-started .pv3-mobile-copy strong{font-size:24px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design].pv2-started .pv3-mobile-copy small{display:none;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pdl-voice-pop-panel{overflow:hidden!important;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pv2-main{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden;padding:12px 18px max(10px,env(safe-area-inset-bottom));}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-progress{flex:0 0 auto;margin-bottom:10px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pdl-voice-form{flex:1 1 0;min-height:0;overflow:hidden;padding:0;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pdl-voice-stage{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:3px 3px 6px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-q legend{margin-bottom:12px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-nav{flex:0 0 auto;flex-wrap:nowrap;margin-top:8px;padding-top:8px;background:var(--ab-paper);border-top:1px solid var(--ab-line);gap:10px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-submit{order:1;min-width:0;min-height:48px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-skip{flex:0 0 auto;margin-top:0;padding:10px 8px 0;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-step-note{margin-bottom:10px;line-height:1.4;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] textarea{min-height:80px;max-height:110px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-error{flex:0 0 auto;margin:6px 0 0;padding:8px;font-size:12px;}
}

@media(min-width:821px){
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pv2-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pv3-progress{flex:0 0 auto;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pdl-voice-form{flex:1 1 0;min-height:0;overflow:hidden;padding:0;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design]:not(.is-unlocked) .pdl-voice-stage{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:3px 3px 6px;}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-nav{flex:0 0 auto;margin-top:10px;background:var(--ab-paper);}
 .pdl-voice-pop.pv2.pv3.ym-quiz-experiment[data-quiz-design] .pdl-voice-skip{flex:0 0 auto;margin-top:0;padding-top:10px;}
}