/*
 * Muklib UI fixes v5.0.13
 * Theme-safe quiz surfaces, mobile quote-button alignment, compact flag checks,
 * and a stable question-map layout with always-visible filters.
 */

/* --------------------------------------------------------------------------
   1) Quiz surfaces: every component must consume the active theme tokens.
   -------------------------------------------------------------------------- */
.quiz-page-body :is(.quiz-detail-main,.quiz-start-card,.quiz-feature-strip>div,.quiz-active-attempt-card){
  color:var(--ink);
  border-color:color-mix(in srgb,var(--line) 88%,var(--navy));
  background-color:var(--paper);
}
.quiz-page-body .quiz-detail-tags span{
  color:color-mix(in srgb,var(--navy) 72%,var(--ink));
  background:color-mix(in srgb,var(--navy) 9%,var(--paper));
  border:1px solid color-mix(in srgb,var(--navy) 18%,var(--line));
}
.quiz-page-body .quiz-instructions{
  color:var(--ink);
  background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 8%,var(--paper)),color-mix(in srgb,var(--navy) 5%,var(--paper)));
  border-color:color-mix(in srgb,var(--gold) 24%,var(--line));
}
.quiz-page-body .quiz-instructions strong{color:color-mix(in srgb,var(--gold) 58%,var(--ink))}
.quiz-page-body .quiz-active-attempt-card{
  gap:7px;
  padding:15px;
  border-color:color-mix(in srgb,var(--gold) 34%,var(--line));
  background:
    radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 38%),
    linear-gradient(145deg,color-mix(in srgb,var(--gold) 8%,var(--paper)),var(--paper));
  box-shadow:0 12px 30px color-mix(in srgb,var(--gold) 9%,transparent);
}
.quiz-page-body .quiz-active-attempt-card>span{color:color-mix(in srgb,var(--gold) 62%,var(--ink))}
.quiz-page-body .quiz-active-attempt-card>strong{color:var(--ink)}
.quiz-page-body .quiz-active-attempt-card .quiz-start-button{
  color:#fff;
  background:linear-gradient(105deg,var(--theme-hero-1),var(--theme-hero-2),var(--theme-hero-3));
  box-shadow:0 10px 24px color-mix(in srgb,var(--navy) 20%,transparent);
}
.quiz-page-body .quiz-feature-strip>div{
  background:linear-gradient(150deg,color-mix(in srgb,var(--navy) 4%,var(--paper)),var(--paper));
  box-shadow:0 10px 30px color-mix(in srgb,var(--navy) 7%,transparent);
}
.quiz-page-body .quiz-feature-strip span{
  color:var(--navy);
  background:color-mix(in srgb,var(--navy) 11%,var(--paper));
  border:1px solid color-mix(in srgb,var(--navy) 19%,var(--line));
}
.quiz-page-body .quiz-feature-strip strong{color:var(--ink)}
.quiz-page-body .quiz-feature-strip p{color:var(--muted)}
.quiz-page-body :is(.quiz-limit-message,.quiz-alert.error){
  color:color-mix(in srgb,var(--red) 76%,var(--ink));
  background:color-mix(in srgb,var(--red) 9%,var(--paper));
  border-color:color-mix(in srgb,var(--red) 24%,var(--line));
}
.quiz-page-body .quiz-start-stats div{
  color:var(--ink);
  background:linear-gradient(145deg,color-mix(in srgb,var(--soft) 78%,var(--paper)),var(--paper));
}
.quiz-page-body .quiz-scope-modes button.active{
  color:color-mix(in srgb,var(--navy) 72%,var(--ink));
  border-color:color-mix(in srgb,var(--navy) 54%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 12%,var(--paper)),color-mix(in srgb,var(--gold) 7%,var(--paper)));
  box-shadow:0 9px 24px color-mix(in srgb,var(--navy) 12%,transparent);
}
.quiz-page-body .quiz-scope-modes button.active::before{background:var(--navy);color:var(--paper)}
.quiz-page-body .quiz-chapter-section-head>div>span{color:var(--navy)}
.quiz-page-body .quiz-chapter-section-icon{
  color:var(--navy);
  background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 13%,var(--paper)),color-mix(in srgb,var(--gold) 9%,var(--paper)));
  border-color:color-mix(in srgb,var(--navy) 24%,var(--line));
}
.quiz-page-body .quiz-chapter-badge{
  color:color-mix(in srgb,var(--navy) 76%,var(--ink))!important;
  background:color-mix(in srgb,var(--navy) 8%,var(--paper))!important;
  border-color:color-mix(in srgb,var(--navy) 21%,var(--line))!important;
}
.quiz-page-body .quiz-question-count{
  color:color-mix(in srgb,var(--green) 75%,var(--ink))!important;
  background:color-mix(in srgb,var(--green) 8%,var(--paper))!important;
  border-color:color-mix(in srgb,var(--green) 21%,var(--line))!important;
}
.quiz-page-body .quiz-question-count b{color:color-mix(in srgb,var(--green) 74%,var(--ink))!important}
.quiz-page-body .quiz-chapter-card-footer :is(a,span){color:color-mix(in srgb,var(--ink) 82%,var(--muted))}
.quiz-page-body .quiz-chapter-card-footer svg{color:var(--muted)}

html.dark .quiz-page-body :is(.quiz-detail-main,.quiz-start-card,.quiz-feature-strip>div,.quiz-active-attempt-card),
html[data-theme="neon-night"] .quiz-page-body :is(.quiz-detail-main,.quiz-start-card,.quiz-feature-strip>div,.quiz-active-attempt-card){
  box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent);
}
html.dark .quiz-page-body .quiz-active-attempt-card,
html[data-theme="neon-night"] .quiz-page-body .quiz-active-attempt-card{
  background:
    radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 40%),
    linear-gradient(145deg,color-mix(in srgb,var(--gold) 7%,var(--paper)),var(--paper));
}

/* --------------------------------------------------------------------------
   2) Daily quote action in the mobile header: same box, exact centering.
   -------------------------------------------------------------------------- */
@media(max-width:900px){
  .site-header .daily-quote-nav-button{
    box-sizing:border-box!important;
    flex:0 0 44px!important;
    inline-size:44px!important;
    block-size:44px!important;
    min-inline-size:44px!important;
    min-block-size:44px!important;
    max-inline-size:44px!important;
    max-block-size:44px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    justify-content:center!important;
    line-height:0!important;
    border-radius:15px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  .site-header .daily-quote-nav-button::before{display:none!important}
  .site-header .daily-quote-nav-button::after{
    inset:4px!important;
    border-radius:11px!important;
    opacity:.58;
  }
  .site-header .daily-quote-nav-button .ui-icon-quote{
    position:static!important;
    inset:auto!important;
    display:block!important;
    flex:none!important;
    inline-size:19px!important;
    block-size:19px!important;
    min-inline-size:19px!important;
    min-block-size:19px!important;
    max-inline-size:19px!important;
    max-block-size:19px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    transform-origin:center!important;
    filter:none!important;
    overflow:visible!important;
  }
  .site-header .daily-quote-nav-button:hover,
  .site-header .daily-quote-nav-button:focus-visible{transform:none!important}
  .site-header .daily-quote-unseen-dot{
    top:3px;
    left:3px;
    width:7px;
    height:7px;
    border-width:1.5px;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 14%,transparent);
  }
}
@media(max-width:390px){
  .site-header .daily-quote-nav-button{
    flex-basis:42px!important;
    inline-size:42px!important;
    block-size:42px!important;
    min-inline-size:42px!important;
    min-block-size:42px!important;
    max-inline-size:42px!important;
    max-block-size:42px!important;
    border-radius:14px!important;
  }
  .site-header .daily-quote-nav-button .ui-icon-quote{inline-size:18px!important;block-size:18px!important;min-inline-size:18px!important;min-block-size:18px!important}
}

/* --------------------------------------------------------------------------
   3) Question learning flags: the selected check stays inside its tiny dot.
   -------------------------------------------------------------------------- */
.quiz-question-tool-buttons button{
  overflow:hidden!important;
  isolation:isolate;
}
.quiz-question-tool-buttons button i{
  position:relative!important;
  inset:auto!important;
  flex:0 0 12px!important;
  display:inline-block!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  margin-inline-end:5px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--flag-color) 12%,transparent)!important;
}
.quiz-question-tool-buttons button i::after{
  content:""!important;
  position:absolute!important;
  inset:auto!important;
  top:50%!important;
  left:50%!important;
  width:3px!important;
  height:6px!important;
  border:solid #fff!important;
  border-width:0 1.7px 1.7px 0!important;
  border-radius:0!important;
  transform:translate(-50%,-61%) rotate(45deg)!important;
  transform-origin:center!important;
  opacity:0;
  box-sizing:border-box!important;
}
.quiz-question-tool-buttons button.active i::after{opacity:1!important}
.quiz-question-tool-buttons button.active{
  overflow:hidden!important;
  transform:none!important;
}
.quiz-question-tool-buttons .question-bookmark-tool::after{display:none!important}

/* --------------------------------------------------------------------------
   4) Question map: fixed header, scrollable body, sticky visible filters.
   -------------------------------------------------------------------------- */
.quiz-map-sheet{
  overflow:hidden!important;
}
.quiz-map-scroll{
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--navy) 34%,transparent) transparent;
  padding-inline:2px;
}
.quiz-map-scroll::-webkit-scrollbar{width:5px}
.quiz-map-scroll::-webkit-scrollbar-track{background:transparent}
.quiz-map-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--navy) 30%,transparent)}
.quiz-map-sticky-tools{
  position:sticky;
  top:-1px;
  z-index:8;
  margin-top:8px;
  padding:7px 0 6px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 98%,transparent) 0%,color-mix(in srgb,var(--paper) 95%,transparent) 76%,transparent 100%);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  backdrop-filter:blur(14px) saturate(1.1);
}
.quiz-map-sticky-tools::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line),transparent);
}
.quiz-map-filter-row,
.quiz-map-ranges{
  align-items:center;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.quiz-map-filter-row{
  min-height:42px;
  margin:0;
  padding:3px 1px 5px;
}
.quiz-map-filter-row button{
  min-height:34px!important;
  height:34px;
  padding:6px 10px!important;
  line-height:1!important;
}
.quiz-map-ranges{
  min-height:37px;
  margin:2px 0 0;
  padding:2px 1px 4px;
}
.quiz-map-ranges button{
  min-height:31px!important;
  height:31px;
  padding:5px 10px!important;
  line-height:1!important;
}
.quiz-map-results{min-height:0;padding-top:8px}
.quiz-map-results .quiz-map-grid{position:relative;z-index:1}
.quiz-map-results .quiz-map-legend{margin-top:14px;padding:12px 2px 4px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}

html.dark .quiz-map-sticky-tools,
html[data-theme="neon-night"] .quiz-map-sticky-tools{
  background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 98%,transparent) 0%,color-mix(in srgb,var(--paper) 94%,transparent) 78%,transparent 100%);
}

@media(max-width:700px){
  .quiz-map-sheet{
    display:flex!important;
    flex-direction:column!important;
    height:min(90dvh,790px)!important;
    max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;
    padding:12px 12px calc(10px + env(safe-area-inset-bottom))!important;
  }
  .quiz-map-sheet::before{flex:0 0 auto;margin:-2px auto 9px!important}
  .quiz-map-head{flex:0 0 auto;margin-bottom:10px!important}
  .quiz-map-scroll{
    flex:1 1 auto;
    min-height:0;
    padding:0 2px calc(6px + env(safe-area-inset-bottom));
  }
  .quiz-map-overview{padding:10px!important;border-radius:18px!important}
  .quiz-map-jump{margin-top:10px!important}
  .quiz-map-jump>div{min-height:47px;padding:4px!important}
  .quiz-map-jump input{min-height:38px!important}
  .quiz-map-jump button{min-height:38px!important;height:38px!important}
  .quiz-map-sticky-tools{
    top:-1px;
    margin-top:5px;
    padding-top:6px;
  }
  .quiz-map-filter-row{min-height:43px}
  .quiz-map-filter-row button{min-height:36px!important;height:36px;font-size:8.7px!important}
  .quiz-map-ranges{min-height:38px}
  .quiz-map-ranges button{min-height:32px!important;height:32px!important}
  .quiz-map-results{padding-top:9px}
  .quiz-map-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
  .quiz-map-question{min-height:0!important;border-radius:12px!important}
  .quiz-map-legend{padding-bottom:max(5px,env(safe-area-inset-bottom))!important}
}
@media(min-width:521px) and (max-width:700px){
  .quiz-map-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:380px){
  .quiz-map-sheet{padding-inline:10px!important}
  .quiz-map-filter-row button{padding-inline:8px!important}
  .quiz-map-grid{gap:6px!important}
}

/* Finish the theme pass on chapter cards and the question-map itself. */
.quiz-page-body .quiz-syllabus-public-grid .quiz-chapter-launch-card{
  color:var(--ink);
  border-color:color-mix(in srgb,var(--navy) 18%,var(--line))!important;
  background:linear-gradient(160deg,color-mix(in srgb,var(--navy) 5%,var(--paper)),var(--paper))!important;
  box-shadow:0 16px 44px color-mix(in srgb,var(--navy) 8%,transparent)!important;
}
.quiz-page-body .quiz-chapter-topics{
  color:var(--ink);
  background:color-mix(in srgb,var(--navy) 4%,var(--paper));
  border-color:color-mix(in srgb,var(--navy) 16%,var(--line));
}
.quiz-page-body .quiz-chapter-topics summary{color:color-mix(in srgb,var(--ink) 78%,var(--muted))}
.quiz-page-body .quiz-topic-launch-list button{background:var(--paper);color:var(--ink)}

.quiz-map-sheet{
  color:var(--ink)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--navy) 5%,var(--paper)),var(--paper))!important;
}
.quiz-map-head-icon,
.quiz-map-trigger-icon,
.quiz-map-jump button,
.quiz-map-filter-row button.active,
.quiz-map-question.active{
  color:#fff!important;
  background:linear-gradient(145deg,var(--theme-hero-1),var(--theme-hero-2),var(--theme-hero-3))!important;
}
.quiz-map-overview{
  background:linear-gradient(135deg,color-mix(in srgb,var(--navy) 8%,var(--paper)),color-mix(in srgb,var(--gold) 6%,var(--paper)))!important;
  border-color:color-mix(in srgb,var(--navy) 16%,var(--line))!important;
}
.quiz-map-progress-ring{
  background:conic-gradient(var(--navy) calc(var(--quiz-progress)*1%),var(--gold) 0 calc(var(--quiz-progress)*1% + 3%),color-mix(in srgb,var(--soft) 88%,transparent) 0)!important;
}
.quiz-map-progress-ring strong{color:color-mix(in srgb,var(--navy) 78%,var(--ink))!important}
.quiz-map-ranges button.active{
  color:color-mix(in srgb,var(--navy) 76%,var(--ink))!important;
  background:color-mix(in srgb,var(--navy) 12%,var(--paper))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--navy) 32%,var(--line))!important;
}
.quiz-map-trigger{
  color:var(--ink)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 96%,var(--navy)),color-mix(in srgb,var(--paper) 92%,var(--gold)))!important;
  border-color:color-mix(in srgb,var(--navy) 20%,var(--line))!important;
}
.quiz-map-trigger-copy small,.quiz-map-trigger-score small{color:var(--muted)!important}
.quiz-map-trigger-score{background:color-mix(in srgb,var(--navy) 9%,var(--paper))!important}
.quiz-map-trigger-score b{color:color-mix(in srgb,var(--navy) 76%,var(--ink))!important}

/* --------------------------------------------------------------------------
   5) v5.0.14 — Quiz result review cards: theme-safe and overflow-proof.
   -------------------------------------------------------------------------- */
.quiz-result-page,
.quiz-result-page main,
.quiz-result-page .quiz-review-section,
.quiz-result-page .quiz-review-section>.container,
.quiz-result-page .quiz-review-list,
.quiz-result-page .quiz-review-card{
  min-inline-size:0;
  max-inline-size:100%;
}
.quiz-result-page{overflow-x:hidden!important}
.quiz-result-page .quiz-review-section>.container{overflow:visible}
.quiz-result-page .quiz-section-head>*{min-width:0}
.quiz-result-page .quiz-review-legend{flex-wrap:wrap}
.quiz-result-page .quiz-review-legend span{
  color:var(--muted)!important;
  border:1px solid var(--line);
  background:var(--soft)!important;
}
.quiz-result-page .quiz-review-legend .correct{
  color:color-mix(in srgb,var(--learn-green, var(--green)) 74%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--learn-green, var(--green)) 35%,var(--line));
  background:color-mix(in srgb,var(--learn-green, var(--green)) 12%,var(--paper))!important;
}
.quiz-result-page .quiz-review-legend .wrong{
  color:color-mix(in srgb,var(--learn-red, var(--red)) 74%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--learn-red, var(--red)) 35%,var(--line));
  background:color-mix(in srgb,var(--learn-red, var(--red)) 11%,var(--paper))!important;
}
.quiz-result-page .quiz-review-card{
  box-sizing:border-box;
  overflow:hidden;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--line) 88%,var(--navy))!important;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--navy) 5%,transparent),transparent 34%),
    var(--paper)!important;
  box-shadow:0 14px 38px color-mix(in srgb,var(--navy) 7%,transparent)!important;
}
.quiz-result-page .quiz-review-card.correct{border-inline-end-color:color-mix(in srgb,var(--learn-green, var(--green)) 82%,var(--line))!important}
.quiz-result-page .quiz-review-card.wrong{border-inline-end-color:color-mix(in srgb,var(--learn-red, var(--red)) 82%,var(--line))!important}
.quiz-result-page .quiz-review-card.empty{border-inline-end-color:color-mix(in srgb,var(--muted) 70%,var(--line))!important}
.quiz-result-page .quiz-review-card header{
  min-width:0;
  gap:6px;
}
.quiz-result-page .quiz-review-card header :is(span,b,em){
  max-width:100%;
  color:var(--muted)!important;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:var(--soft)!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quiz-result-page .quiz-review-card header span{
  color:color-mix(in srgb,var(--navy) 76%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--navy) 23%,var(--line));
  background:color-mix(in srgb,var(--navy) 10%,var(--paper))!important;
}
.quiz-result-page .quiz-review-card.correct header em:last-child{
  color:color-mix(in srgb,var(--learn-green, var(--green)) 76%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--learn-green, var(--green)) 34%,var(--line));
  background:color-mix(in srgb,var(--learn-green, var(--green)) 12%,var(--paper))!important;
}
.quiz-result-page .quiz-review-card.wrong header em:last-child{
  color:color-mix(in srgb,var(--learn-red, var(--red)) 76%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--learn-red, var(--red)) 34%,var(--line));
  background:color-mix(in srgb,var(--learn-red, var(--red)) 11%,var(--paper))!important;
}
.quiz-result-page .quiz-review-card.empty header em:last-child{
  color:var(--muted)!important;
  border-color:var(--line);
  background:var(--soft)!important;
}
.quiz-result-page .quiz-review-question-text{
  display:block;
  inline-size:100%;
  min-inline-size:0;
  max-inline-size:100%;
  margin:14px 0 16px;
  color:var(--ink)!important;
  font-size:clamp(14px,1.7vw,17px)!important;
  line-height:1.95!important;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  unicode-bidi:plaintext;
  text-align:start;
}
.quiz-result-page .quiz-review-options{
  min-width:0;
  max-width:100%;
}
.quiz-result-page .quiz-review-options>div{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  background:color-mix(in srgb,var(--soft) 70%,var(--paper))!important;
  overflow:hidden;
}
.quiz-result-page .quiz-review-options>div>span{
  color:var(--ink)!important;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  background:var(--paper)!important;
}
.quiz-result-page .quiz-review-option-text{
  min-width:0;
  max-width:100%;
  color:var(--ink)!important;
  overflow-wrap:anywhere;
  word-break:normal;
  unicode-bidi:plaintext;
  text-align:start;
}
.quiz-result-page .quiz-review-options>div>b{
  color:var(--muted)!important;
  white-space:nowrap;
}
.quiz-result-page .quiz-review-options .correct{
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--learn-green, var(--green)) 46%,var(--line))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--learn-green, var(--green)) 16%,var(--paper)),color-mix(in srgb,var(--learn-green, var(--green)) 7%,var(--paper)))!important;
}
.quiz-result-page .quiz-review-options .correct>span{
  color:color-mix(in srgb,var(--learn-green, var(--green)) 74%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--learn-green, var(--green)) 31%,var(--line));
  background:color-mix(in srgb,var(--learn-green, var(--green)) 12%,var(--paper))!important;
}
.quiz-result-page .quiz-review-options .correct>b{color:color-mix(in srgb,var(--learn-green, var(--green)) 72%,var(--ink))!important}
.quiz-result-page .quiz-review-options .selected-wrong{
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--learn-red, var(--red)) 45%,var(--line))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--learn-red, var(--red)) 14%,var(--paper)),color-mix(in srgb,var(--learn-red, var(--red)) 6%,var(--paper)))!important;
}
.quiz-result-page .quiz-review-options .selected-wrong>span{
  color:color-mix(in srgb,var(--learn-red, var(--red)) 76%,var(--ink))!important;
  border-color:color-mix(in srgb,var(--learn-red, var(--red)) 31%,var(--line));
  background:color-mix(in srgb,var(--learn-red, var(--red)) 11%,var(--paper))!important;
}
.quiz-result-page .quiz-review-options .selected-wrong>b{color:color-mix(in srgb,var(--learn-red, var(--red)) 74%,var(--ink))!important}
.quiz-result-page .quiz-review-explanation{
  min-width:0;
  max-width:100%;
  color:var(--ink)!important;
  border:1px solid color-mix(in srgb,var(--navy) 14%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 6%,var(--paper)),var(--soft))!important;
}
.quiz-result-page .quiz-review-explanation strong{color:var(--ink)!important}
.quiz-result-page .quiz-review-explanation p{
  color:var(--muted)!important;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  unicode-bidi:plaintext;
  text-align:start;
}
.quiz-result-page .quiz-learning-actions{
  min-width:0;
  flex-wrap:wrap;
  margin-top:12px;
}
.quiz-result-page .quiz-learning-actions form{min-width:0}
.quiz-result-page .quiz-learning-actions :is(button,a){
  box-sizing:border-box;
  max-width:100%;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  background:var(--paper)!important;
}
.quiz-result-page .quiz-learning-actions :is(button,a):hover{
  border-color:color-mix(in srgb,var(--navy) 34%,var(--line))!important;
  background:color-mix(in srgb,var(--navy) 7%,var(--paper))!important;
}

html.dark .quiz-result-page .quiz-review-card,
html[data-theme="neon-night"] .quiz-result-page .quiz-review-card{
  box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px 0 color-mix(in srgb,#fff 4%,transparent)!important;
}
html.dark .quiz-result-page .quiz-review-options .correct,
html[data-theme="neon-night"] .quiz-result-page .quiz-review-options .correct{
  background:linear-gradient(135deg,color-mix(in srgb,var(--learn-green, var(--green)) 18%,var(--paper)),color-mix(in srgb,var(--learn-green, var(--green)) 8%,var(--paper)))!important;
}
html.dark .quiz-result-page .quiz-review-options .selected-wrong,
html[data-theme="neon-night"] .quiz-result-page .quiz-review-options .selected-wrong{
  background:linear-gradient(135deg,color-mix(in srgb,var(--learn-red, var(--red)) 17%,var(--paper)),color-mix(in srgb,var(--learn-red, var(--red)) 7%,var(--paper)))!important;
}

@media(max-width:700px){
  .quiz-result-page .quiz-review-section{padding-inline:0!important}
  .quiz-result-page .quiz-review-section>.container{
    width:100%!important;
    max-width:100%!important;
    padding-inline:12px!important;
  }
  .quiz-result-page .quiz-section-head{gap:10px;margin-bottom:11px}
  .quiz-result-page .quiz-review-legend{gap:5px}
  .quiz-result-page .quiz-review-card{
    width:100%;
    margin:0;
    padding:13px!important;
    border-radius:18px;
    border-inline-end-width:4px!important;
  }
  .quiz-result-page .quiz-review-card header{display:flex;overflow:visible}
  .quiz-result-page .quiz-review-card header :is(span,b,em){font-size:8px!important;padding:4px 7px!important}
  .quiz-result-page .quiz-review-card header b{max-width:min(100%,210px)}
  .quiz-result-page .quiz-review-card header em{margin-inline-start:0!important}
  .quiz-result-page .quiz-review-question-text{
    margin:12px 0 14px;
    font-size:15px!important;
    line-height:1.85!important;
  }
  .quiz-result-page .quiz-review-options>div{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:12px;
  }
  .quiz-result-page .quiz-review-options>div>b{
    grid-column:2!important;
    justify-self:start;
    margin-top:-3px;
    font-size:8px!important;
  }
  .quiz-result-page .quiz-review-option-text{font-size:11px!important;line-height:1.75!important}
  .quiz-result-page .quiz-review-explanation{padding:11px!important}
  .quiz-result-page .quiz-review-explanation p{font-size:10px!important;line-height:1.9!important}
  .quiz-result-page .quiz-learning-actions{display:grid!important;grid-template-columns:1fr;gap:7px!important}
  .quiz-result-page .quiz-learning-actions form,
  .quiz-result-page .quiz-learning-actions :is(button,a){width:100%!important}
  .quiz-result-page .quiz-learning-actions :is(button,a){min-height:42px;display:grid;place-items:center;text-align:center}
}