/* Presentation only: all quiz overrides are scoped to this native dialog. */
dialog.fi-ari-modal { box-sizing:border-box; width:min(880px, calc(100% - 48px)); max-width:none; max-height:90vh; max-height:90dvh; margin:auto; padding:0; border:1px solid #e5e7eb; border-radius:12px; color:#000000; background:#fff; box-shadow:0 12px 36px #0003; overflow:hidden; font-family:Arial,Helvetica,sans-serif; }
dialog.fi-ari-modal[open] { display:flex; flex-direction:column; }
dialog.fi-ari-modal::backdrop { background:rgba(17,24,39,.65); }
.fi-ari-modal .fi-ari-modal-header { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:16px; padding:18px 28px; border-bottom:1px solid #e9edf1; background:#fff; }
.fi-ari-modal .fi-ari-modal-header h2 { margin:0; font:700 20px/1.35 Arial,Helvetica,sans-serif; color:#000000; }
.fi-ari-modal .fi-ari-modal-close { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; min-height:44px; padding:10px 12px; border:1px solid #e5e7eb; border-radius:6px; background:#f8fafb; color:#394454; font:600 14px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; }
.fi-ari-modal .fi-ari-modal-close span { font-size:22px; line-height:1; font-weight:400; }
.fi-ari-modal .fi-ari-modal-close:hover { background:#edf0f3; border-color:#c6ced7; }
.fi-ari-modal .fi-ari-modal-body { min-height:0; padding:28px; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; box-sizing:border-box; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed { color:#000000; font:400 16px/1.6 Arial,Helvetica,sans-serif; overflow-wrap:anywhere; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .ari-stream-quiz { margin:0; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed p { margin:0 0 12px; line-height:1.6; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-description { color:#596474; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question { margin-top:32px; scroll-margin-top:20px; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-title { margin-bottom:16px; font-size:20px; font-weight:700; line-height:1.45; color:#000000; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer { box-sizing:border-box; width:100%; min-height:48px; margin:0 0 10px; padding:12px 14px; border:1px solid #dce1e7; border-radius:8px; background:#f9fafb; color:#000000; opacity:1; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer-controls { line-height:1.55; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer .ari-checkbox-label { display:block; margin:0; padding-left:32px; font:400 16px/1.55 Arial,Helvetica,sans-serif; color:inherit; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer .ari-checkbox-label::before { box-sizing:border-box; left:0; top:3px; width:20px; height:20px; padding:0; margin:0; border:1.5px solid #8c96a5; border-radius:4px; background:#fff; content:''; font:700 14px/18px Arial,Helvetica,sans-serif; text-align:center; color:white; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer input[type=radio] + .ari-checkbox-label::before { border-radius:50%; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer input:checked + .ari-checkbox-label::before { background:#71b7e3; border-color:#4396c8; color:#000000; content:'✓'; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer input[type=radio]:checked + .ari-checkbox-label::before { content:''; box-shadow:inset 0 0 0 4px #fff; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question .quiz-question-answer-selected { background:#71b7e3; border-color:#4396c8; }
@media(hover:hover) {
 .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question:not(.question-completed) .quiz-question-answer:not(.quiz-question-answer-selected):hover { background:#f1f4f7; border-color:#a8b2bf; }
 .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question .quiz-question-answer-selected:hover { background:#71b7e3; border-color:#4396c8; }
}
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .button.button { box-sizing:border-box; min-height:46px; padding:12px 20px; border:1px solid transparent; border-radius:6px; background:#ed1c24; color:#fff; font:700 16px/1.4 Arial,Helvetica,sans-serif; text-shadow:none; box-shadow:none; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .button.button:hover { background:#cf141c; color:#fff; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .button.disabled { opacity:.55; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-actions { margin-top:24px; }
.fi-ari-modal :is(button,a,input):focus-visible { outline:3px solid #202936; outline-offset:3px; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-answer:focus-within { outline:3px solid #202936; outline-offset:3px; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-progress-bar { border-radius:6px; background:#edf0f3; color:#000000; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-progress-bar::before { background:transparent; color:#000000; }
/* Keep ARI's native top bar in its quiz tree and above the scrolling questions. */
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-progress-bar.top { position:sticky; top:0; z-index:2; margin-top:0; box-shadow:0 -28px 0 28px #fff, 0 12px 0 #fff; }
/* Preserve ARI's correct/wrong distinction rather than making correction look selected. */
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question .quiz-question-answer-correct { background:#ecf8f0 !important; border-color:#2d8350; color:#1d5835; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question .quiz-question-answer-wrong { background:#fff0f0 !important; border-color:#ce4348; color:#922b30; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-result { font-size:18px; line-height:1.4; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-status { margin-top:16px; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-explanation { padding:4px 0 4px 16px; margin-top:12px; line-height:1.65; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-result { padding:0; border:1px solid #e1e6ec; border-radius:10px; background:#f9fafb; margin-top:28px; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper { padding:24px; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .quiz-title { color:#000000; font-size:20px; font-weight:700; line-height:1.4; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper .quiz-score { font-size:18px; line-height:1.5; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-result-share-buttons { padding:20px 0 0; border-color:#e1e6ec; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .button.button-share { min-width:0; margin:8px 8px 0 0; background:#394454; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .button.button-share:hover { background:#202936; }
@media(max-width:767px) {
 dialog.fi-ari-modal { width:calc(100% - 8px); max-height:calc(100dvh - 8px); border-radius:8px; }
 .fi-ari-modal .fi-ari-modal-header { padding:14px 16px; gap:8px; }
 .fi-ari-modal .fi-ari-modal-header h2 { font-size:18px; }
 .fi-ari-modal .fi-ari-modal-body { padding:18px 16px; }
 .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-progress-bar.top { box-shadow:0 -18px 0 18px #fff, 0 12px 0 #fff; }
 .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question-title { font-size:18px; }
 .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-question { margin-top:28px; }
 .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-result-wrapper { padding:18px; }
}
/* Existing functional parking/CTA rules outside dialog; no inline quiz redesign. */
.asq-theme.fi-ari-parked[hidden] { display:none !important; }
.fi-ari-reopen { padding:14px 24px; border:0; border-radius:8px; background:#177f97; color:white; font:600 16px/1.4 sans-serif; cursor:pointer; }
.fi-ari-reopen[hidden] { display:none !important; }
.fi-ari-reopen:focus-visible { outline:3px solid #177f97; outline-offset:3px; }

.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-actions, .fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-complete-action { text-align:center; }
.fi-ari-modal .asq-theme.asq-theme-buzzfeed .button:is(.button-complete-page,.button-next-page,.button-complete-quiz) { float:none; width:auto; min-width:160px; max-width:100%; margin-left:auto; margin-right:auto; }

.fi-ari-modal .asq-theme.asq-theme-buzzfeed .quiz-progress-bar::after { background:#41d3b0; color:#000000; }