/* Prepared practice widgets. Scoped to the first-win page to beat the legacy skin. */
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical {
  padding: 22px !important; border: 1px solid #b8cadf !important; border-radius: 12px !important;
  background: #f7f9fc !important; color: #17243a !important; line-height: 1.8 !important;
}
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical,
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical * { box-sizing: border-box !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical [hidden] { display: none !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical :is(h3, h4, p, span, button, input, label, strong, li, figcaption, th, td, caption) {
  color: inherit !important; -webkit-text-fill-color: currentColor !important; text-shadow: none !important;
}
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical h3 { margin: 0 0 12px !important; font-size: 21px !important; line-height: 1.6 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical h4 { margin: 0 0 12px !important; font-size: 17px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-instruction { margin: 0 0 18px !important; font-size: 15px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-visuals { margin: 16px 0 24px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-fraction { margin: 0 0 16px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-fraction svg { display: block !important; width: 100% !important; max-width: 400px !important; height: auto !important; min-height: 38px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-fraction svg rect { stroke: #54709a !important; stroke-width: 1 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-fraction svg rect.is-filled { fill: #badb72 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-fraction svg rect.is-empty { fill: #fff !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-fraction figcaption { margin-top: 6px !important; font-size: 13px !important; color: #405b79 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-sheet { width: 100% !important; margin: 0 0 12px !important; border-collapse: collapse !important; font-size: 15px !important; background: #fff !important; table-layout: fixed !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-sheet caption { margin-bottom: 8px !important; text-align: left !important; font-weight: 700 !important; font-size: 14px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-sheet :is(th, td) { border: 1px solid #a8bdd7 !important; padding: 9px 5px !important; text-align: center !important; color: #253c5c !important; background: #fff !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-sheet th { background: #e8eff9 !important; font-weight: 700 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-form { display: grid !important; gap: 18px !important; margin-bottom: 22px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-field label { display: block !important; margin: 0 0 8px !important; color: #253c5c !important; font-size: 14px !important; font-weight: 700 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-input-line { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; align-items: center !important; min-width: 0 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-input-line span { font-size: 17px !important; color: #233b5a !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-input-line input {
  display: block !important; min-width: 0 !important; width: 110px !important; max-width: 100% !important; min-height: 48px !important;
  border: 1px solid #92aac8 !important; border-radius: 7px !important; padding: 10px 11px !important; margin: 0 !important;
  background: #fff !important; color: #17243a !important; font-size: 17px !important; line-height: 1.5 !important; box-shadow: none !important;
}
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical[data-practical-topic="english"] .fw-practical-input-line input { width: 130px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-input-line input.fw-practical-formula { width: 100% !important; font-family: ui-monospace, Consolas, monospace !important; font-size: 16px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-button { min-height: 48px !important; min-width: 44px !important; white-space: normal !important; overflow-wrap: anywhere !important; font-size: 14px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-button.fw-button-primary { background: #205fca !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-button.fw-button-secondary { background: #fff !important; color: #213d67 !important; -webkit-text-fill-color: #213d67 !important; border: 1px solid #98afca !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 15px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-results { margin-top: 22px !important; margin-bottom: 22px !important; border-top: 1px solid #bed0e5 !important; padding-top: 22px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-result-list { list-style: none !important; padding: 0 !important; margin: 18px 0 0 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-result-list li { padding: 14px !important; margin-bottom: 12px !important; border: 1px solid #bdcede !important; border-radius: 7px !important; background: #fff !important; color: #233b5a !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-result-list li.is-correct { border-color: #95b4a2 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-result-list p { margin-top: 8px !important; font-size: 14px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-error { padding: 14px !important; border-left: 4px solid #aa4a28 !important; background: #fff0e9 !important; color: #76341d !important; font-size: 14px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-example { margin-top: 18px !important; padding: 17px !important; border: 1px solid #a8c282 !important; border-radius: 8px !important; background: #f1f6e8 !important; color: #294123 !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-example-bars { margin-top: 20px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-formula-preview { margin-top: 13px !important; font-family: ui-monospace, Consolas, monospace !important; font-weight: 700 !important; overflow-wrap: anywhere !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-original,
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-written-sentences { padding: 14px !important; border: 1px solid #bed0e5 !important; border-radius: 7px !important; background: #fff !important; color: #233b5a !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-note,
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-limit { margin-top: 13px !important; color: #536781 !important; font-size: 13px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical :focus-visible { outline: 3px solid #1875e8 !important; outline-offset: 3px !important; }
/* Light reading surfaces need their own caption and link colors. */
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-practical .fw-practical-sheet caption,
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-practical .fw-practical-fraction figcaption {
  color: #253c5c !important; -webkit-text-fill-color: currentColor !important;
}
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-card-next a {
  color: #214f99 !important; -webkit-text-fill-color: currentColor !important;
}
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-card-next a:hover {
  color: #16447f !important; -webkit-text-fill-color: currentColor !important;
}
/* Remove the duplicate frame only along the prepared-practice branch. */
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-details[data-practice-task] > .fw-task {
  padding: 0 !important; border: 0 !important; margin: 0 !important; background: transparent !important;
}
@media (max-width: 480px) {
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-practical { padding: 12px !important; min-width: 0 !important; }
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-session:has(.fw-details[data-practice-task][open]),
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-page .fw-learning-card:has(.fw-details[data-practice-task][open]) { padding: 12px !important; }
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical h3 { font-size: 19px !important; }
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-actions .fw-practical-button { width: 100% !important; }
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-sheet :is(th, td) { font-size: 13px !important; padding-inline: 3px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-form,
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-actions { display: none !important; }
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical { border: 1px solid #888 !important; background: #fff !important; color: #111 !important; padding: 12px !important; }
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical-result-list li { break-inside: avoid !important; }
}

/* V349: keep the actionable result beside the summary and collapse matched detail. */
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-field-details { margin-top: 16px !important; border: 1px solid #b7c9df !important; border-radius: 8px !important; background: #fff !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-field-details > summary { min-height: 48px !important; padding: 12px !important; background: #e8eff9 !important; color: #253c5c !important; -webkit-text-fill-color: currentColor !important; cursor: pointer !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.7 !important; overflow-wrap: anywhere !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-field-details > .fw-practical-result-list { margin: 0 !important; padding: 12px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions { display: grid !important; gap: 10px !important; margin-top: 15px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions:empty { display: none !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-replay-note { padding: 12px !important; background: #e8eff9 !important; color: #253c5c !important; border-radius: 7px !important; font-size: 13px !important; line-height: 1.8 !important; }
@media print {
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions,
  body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-replay-note { display: none !important; }
}

body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions .fw-button { min-height: 48px !important; width: 100% !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; font-size: 14px !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions .fw-button-primary { background: #205fca !important; color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions .fw-button-secondary { background: #fff !important; color: #213d67 !important; -webkit-text-fill-color: #213d67 !important; border: 1px solid #98afca !important; }
body.app-shell.future-ui.mnv-future-ui.page-first_win[data-page="first_win"] #main-content .fw-practical .fw-practical-outcome-actions .fw-inline-form { display: block !important; width: 100% !important; }