/* Screenshot revision, 29 October 2026. Keep the next lesson visually first. */
@layer dimau-premium {
  :root {
    --dimau-history-rest-shadow:0 1px 2px #153f4a0a!important;
    --dimau-header-rest:0 2px 8px #153f4a12!important;
    --dimau-history-edge:#c2d2d9!important;
    --museum-control-glow:0 0 0 2px #fff,0 0 0 4px #6ca7d7,0 3px 14px #3e89c52e!important;
    --museum-text-glow:0 0 8px #74b9eb50!important;
  }
  body.fl-experience {--fx-ink:light-dark(#19343e,#f4f8fa)!important;--fx-muted:light-dark(#536b75,#b8c8d0)!important;--fx-line:light-dark(#d9e3e7,#34454e)!important;--fx-blue:#3e56d8!important;--fx-bg:light-dark(#f8fbfb,#131b20)!important;--fx-card:light-dark(#fff,#19262d)!important;background:var(--fx-bg)!important}
  .fl-experience :where(.fx-button,.fx-course-select,.fx-course-heading,.fx-course-tab,.fx-link,.fx-path-stop,.fx-tutor-prompt,.fx-nav a,.dm-acct-btn,#voice) {outline:none!important;text-shadow:none!important;box-shadow:none!important}
  .fl-experience :where(.fx-button,.fx-course-select,.dm-acct-btn,#voice) {border-radius:12px!important;background:var(--fx-card)!important;color:var(--fx-ink)!important;border:1px solid var(--fx-line)!important}
  .fl-experience :is(.fx-course-heading,.fx-path-stop,.fx-link,.fx-nav a) {background:transparent!important;color:var(--fx-ink)!important;border-color:transparent!important}
  .fl-experience .fx-primary {background:var(--fx-blue)!important;color:#fff!important;border:1px solid var(--fx-blue)!important;box-shadow:0 4px 10px #3e56d81c!important;min-height:50px!important}
  .fl-experience .fx-primary:hover {background:#3348bd!important}
  .fl-experience .fx-course-tab {background:transparent!important;border:1px solid transparent!important;opacity:.7!important;border-radius:14px!important;transform:none!important}
  .fl-experience .fx-course-tab[aria-pressed=true] {background:#eef0ff!important;border-color:#b9c2f3!important;opacity:1!important;box-shadow:0 2px 7px #3e56d812!important}
  .fl-experience .fx-course-select {font-size:14px!important;text-align:left!important;padding-inline:14px!important}
  .fl-experience .fx-course-heading {font-size:28px!important;line-height:1.25!important}
  .fl-experience :is(.fx-learning-card,.fx-streak-card) {border:1px solid var(--fx-line)!important;border-radius:22px!important;box-shadow:0 5px 24px #19343e08!important;background:var(--fx-card)!important}
  .fl-experience .fx-completion {font-size:14px!important;margin-top:8px!important}
  .fl-experience .fx-next-summary {padding:18px 0 0!important;border-top:1px solid var(--fx-line)!important}
  .fl-experience .fx-lesson-path .fx-path-stop {padding-block:12px!important;min-height:76px!important}
  .fl-experience .fx-tutor-prompt {border:1px solid var(--fx-line)!important;border-radius:16px!important;background:var(--fx-card)!important;font-size:14px!important;line-height:1.5!important}
  .fl-experience #learning-header .dimau-owner-logo-frame::before {border:1px solid #d4e0e5!important;box-shadow:0 2px 8px #19343e0c!important;border-radius:12px!important}
  .fl-experience :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #3e56d8!important;outline-offset:3px!important;box-shadow:0 0 0 2px #fff!important}
  @media(max-width:700px) {
    body.fl-experience #app {padding:24px 18px 48px!important}
    .fl-experience .fx-welcome {font-size:23px!important;margin:4px 0 22px!important}
    .fl-experience .fx-home-grid>.fx-learning-card {margin-top:12px!important;padding:0 20px 22px!important}
    .fl-experience .fx-carousel {margin:16px 0 10px!important;min-height:64px!important;gap:6px!important;justify-content:space-between!important}
    .fl-experience .fx-course-tab {width:44px!important;height:54px!important;min-width:0!important;padding:4px!important}
    .fl-experience .fx-course-tab .fx-art {width:36px!important;height:44px!important}
    .fl-experience .fx-course-heading {font-size:25px!important}
    .fl-experience .fx-path-stop strong {font-size:15px!important;line-height:1.4!important}
    .fl-experience .fx-stop-state {font-size:12px!important}
  }
  @media(forced-colors:active) {
    .fl-experience :is(.fx-button,.fx-course-select,.fx-course-tab,.fx-primary,.dm-acct-btn,#voice) {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important}
    .fl-experience :is(button,a,input,select,textarea,summary):focus-visible {outline-color:Highlight!important}
  }
}