/* Preserve the embedded-quiz height loop fix. */
html:has(.shell[data-embedded="true"]){overflow-y:hidden}
.result-top.result-top--single{grid-template-columns:1fr}
.result-video.video-placeholder { display: flex; min-width: 0; min-height: 0; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 14px; background: rgb(47, 36, 24); color: rgb(255, 255, 255); text-align: left; }
.result-video .result-video__heading { margin: 0 0 8px; font: 700 20px/1.2 Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); }
.result-video .result-video__mount { display: flex; flex: 1 1 auto; min-height: 0; align-items: center; justify-content: center; }
.result-video .result-video__start { position: relative; display: block; width: 100%; max-height: 200px; aspect-ratio: 16/9; padding: 0; border: 0; border-radius: 13px; background: rgb(23, 18, 13); overflow: hidden; cursor: pointer; }
.result-video .result-video__poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.result-video .result-video__play { position: absolute; left: 50%; top: 50%; display: grid; width: 54px; height: 54px; place-items: center; border-radius: 50%; background: rgb(220, 163, 76); color: rgb(36, 27, 18); box-shadow: rgba(0, 0, 0, .35) 0 4px 18px; transform: translate(-50%, -50%); }
.result-video .result-video__play svg { display: block; width: 30px; height: 30px; fill: currentcolor; }
.result-video .result-video__start:hover .result-video__play { background: rgb(239, 183, 95); transform: translate(-50%, -50%) scale(1.04); }
.result-video .result-video__start:focus-visible { outline: rgb(220, 163, 76) solid 3px; outline-offset: 3px; }
.result-video .result-video__caption { font: 700 15px/1.35 Arial, Helvetica, sans-serif; margin: 8px 0 0 !important; color: rgb(242, 232, 218) !important; }

.result-video-dialog { width: min(660px, calc(100vw - 32px), calc(100dvh - 80px)); max-width: none; max-height: calc(100dvh - 24px); margin: auto; padding: 0; border: 0; border-radius: 16px; background: rgb(24, 19, 14); color: white; box-shadow: 0 24px 80px rgba(0, 0, 0, .45); overflow: hidden; }
.result-video-dialog::backdrop { background: rgba(15, 12, 9, .72); }
.result-video-dialog__panel { display: flex; flex-direction: column; }
.result-video-dialog__bar { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 12px 9px 16px; background: rgb(47, 36, 24); }
.result-video-dialog__bar h2 { margin: 0; font: 700 18px/1.2 Arial, Helvetica, sans-serif; color: white; }
.result-video-dialog__close { flex: 0 0 auto; min-height: 38px; padding: 7px 12px; border: 1px solid rgb(220, 163, 76); border-radius: 9px; background: rgb(255, 253, 248); color: rgb(36, 27, 18); font: 700 14px/1.2 Arial, Helvetica, sans-serif; cursor: pointer; }
.result-video-dialog__close:focus-visible { outline: rgb(220, 163, 76) solid 3px; outline-offset: -4px; }
.result-video-dialog__media { aspect-ratio: 1/1; background: rgb(15, 13, 11); }
.result-video-dialog__video { display: block; width: 100%; height: 100%; aspect-ratio: 1/1; background: rgb(15, 13, 11); object-fit: contain; }
html.pr-quiz-video-open, html.pr-quiz-video-open body { overflow: hidden; }


.result-video-dialog__bar h2{min-width:0;overflow-wrap:normal;hyphens:none}
.result-video-dialog__panel,.result-video-dialog__media{min-width:0}
.result-video-dialog__media{position:relative}
.result-video-dialog__video{position:absolute;inset:0}
.result-video__fallback{margin:0;padding:16px;color:#f2e8da;font:14px/1.35 Arial,Helvetica,sans-serif}
.result-video__fallback a{color:#fff;text-decoration:underline}
@media(max-width:760px){
  .result-video.video-placeholder{min-height:0;padding:14px}
  .result-video .result-video__heading{font-size:18px}
  .result-video .result-video__start{width:100%;max-height:180px}
  .result-video .result-video__play{width:48px;height:48px}
}
@media(max-width:560px),(max-height:480px){
  .result-video-dialog{width:min(calc(100vw - 16px),calc(100dvh - 80px));border-radius:12px}
  .result-video-dialog__bar{min-height:52px;gap:8px;padding:7px 8px 7px 12px}
  .result-video-dialog__bar h2{font-size:16px}
  .result-video-dialog__close{min-height:36px;padding-inline:9px;font-size:13px}
}