body:has(.quiz-dialog[open]){overflow:hidden}
body .quiz-dialog{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:0;border-radius:16px;overflow:auto;background:white;color:var(--ink);box-sizing:border-box}
.quiz-dialog::backdrop{background:rgba(0,0,0,.55)}
.quiz-dialog h2{margin:0 40px 24px 0;font:500 29px/1.3 var(--font)}
body .quiz-dialog .quiz-close{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--muted);font:400 31px/1 var(--font);cursor:pointer}
.quiz-dialog [hidden]{display:none!important}
.quiz-dialog .quiz-shell{grid-template-columns:27% minmax(0,1fr)}
.quiz-dialog .quiz-aside{padding:24px 16px}
.quiz-dialog .quiz-aside h3{font-size:23px;line-height:1.4;margin:0 0 16px}
.quiz-dialog .quiz-aside p{font-size:15px;line-height:1.6}
.quiz-dialog .quiz-form{padding:24px;min-height:420px}
.quiz-dialog .quiz-form legend{font-weight:500}
body .quiz-dialog label.quiz-choice{display:grid;margin:0}
body .quiz-dialog .quiz-channel{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 20px}
body .quiz-dialog .quiz-channel legend{font-size:15px;margin:0 0 12px}
body .quiz-dialog .quiz-channel label{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}
.quiz-dialog .quiz-channel input{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.quiz-dialog .quiz-company{grid-column:1/-1}
body .quiz-dialog .quiz-consent{display:flex;margin-top:20px;gap:10px}
body .quiz-dialog a,body .quiz-dialog a:visited{color:#0060A0;text-decoration:underline;text-decoration-color:rgba(0,96,160,.15);text-underline-offset:3px}
.quiz-dialog .quiz-help{line-height:1.5}
.quiz-dialog .quiz-progress-label{white-space:nowrap}
.quiz-dialog .quiz-actions button{white-space:normal}
@media(max-width:1000px){.quiz-dialog .quiz-shell{grid-template-columns:1fr}}
@media(max-width:600px){body .quiz-dialog{padding:24px 16px}.quiz-dialog h2{font-size:25px}.quiz-dialog .quiz-shell{padding:0}.quiz-dialog .quiz-form{padding:16px}.quiz-dialog .quiz-actions{flex-direction:column}.quiz-dialog .quiz-actions button{width:100%;flex:auto}}
