/* Shared by the Nuxt shell and standalone player documents. */
:root {
  --study-font: Inter, "Segoe UI", Arial, sans-serif;
  --study-bg: #f5f6fb;
  --study-surface: #fff;
  --study-ink: #172744;
  --study-muted: #586984;
  --study-border: #dce3f0;
  --study-primary: #3659df;
  --study-primary-hover: #2947c2;
  --study-tint: #e9eeff;
  --study-lilac: #f0eafb;
  --study-mint: #e1f2eb;
  --study-success: #14765e;
  --study-warning: #8a580c;
  --study-error: #a82e49;
  --study-card-radius: 14px;
  --study-control-radius: 8px;
  color-scheme:light;
}
@media screen {
  html[data-study-surface] {
    --paper:var(--study-bg);--bg:var(--study-bg);--ink:var(--study-ink);--muted:var(--study-muted);
    --tone:var(--study-primary)!important;--line:var(--study-border);--blue:var(--study-primary);--sea:var(--study-primary);
    --ui:var(--study-font);--serif:var(--study-font);
    background:var(--study-bg);color:var(--study-ink);font-family:var(--study-font)
  }
  [data-study-surface] body {background-color:var(--study-bg);color:var(--study-ink);font-family:var(--study-font)}
  [data-study-surface] :is(h1,h2,h3) {font-family:var(--study-font);font-weight:700;letter-spacing:-.028em}
  [data-study-surface] :is(button,select,input,textarea){font-family:var(--study-font);accent-color:var(--study-primary)}
  [data-study-surface] :focus-visible {outline:3px solid var(--study-primary);outline-offset:3px}
  [data-study-surface] dialog:not(#blank) {background:var(--study-surface);color:var(--study-ink);border:1px solid var(--study-border);border-radius:var(--study-card-radius);box-shadow:0 16px 55px #17274425}
  [data-study-surface] dialog:not(#blank)::backdrop {background:#17274485}
  [data-study-surface] dialog .dialogTop {background:var(--study-surface)}
  [data-study-surface="slides"] :is(.intro h1,.copy h1,.courseCard h2){font-family:var(--study-font);font-weight:700;letter-spacing:-.035em;line-height:1.12}
  [data-study-surface="slides"] .intro h1{font-size:clamp(2rem,4.1vw,3.5rem)}
  [data-study-surface="slides"] .copy h1{font-size:clamp(1.85rem,3vw,3.45rem)}
  [data-study-surface="slides"] .courseCard h2{font-size:clamp(1.28rem,2vw,2.1rem)}
  [data-study-surface="slides"] .courseCard{background:white;border:1px solid var(--study-border);border-radius:var(--study-card-radius);overflow:hidden}
  [data-study-surface="slides"] .courseCard :is(.cardtop,h2,.cardbottom){margin-inline:15px}
  [data-study-surface="slides"] .courseCard .cover{border-radius:0}
  [data-study-surface="slides"] .courseCard .cardbottom{color:var(--study-primary)}
  [data-study-surface="slides"] .courseCard .cardbottom b{background:var(--study-primary)}
  [data-study-surface="slides"] :is(.courseLabel,.speakerCue,#guideLink,#chapterNav a[aria-current]){color:var(--study-primary)}
  [data-study-surface="slides"] :is(.toolbar button,.toolbar select,#talkMode,#slideList a,.turn button:not(#next),#gallery button,.enlarge){background:white;color:var(--study-ink);border-color:var(--study-border);border-radius:var(--study-control-radius)}
  [data-study-surface="slides"] :is(#viewTabs button[aria-pressed=true],#next,.mapLaunch){background:var(--study-primary);border-color:var(--study-primary);color:white}
  [data-study-surface="slides"] #notes{background:white;border-color:var(--study-primary);color:var(--study-ink)}
  [data-study-surface="slides"] #slideList a[aria-current]{background:var(--study-tint)}
  [data-study-surface="slides"] #gallery img{background:#eef1f8}
  [data-study-surface="slides"] .controls{background:var(--study-bg)}
  [data-study-surface="reader"] :is(header,nav,aside,section,table){border-color:var(--study-border)}
  [data-study-surface="reader"] :is(aside,.bridge,.cue,.eyebrow,small){color:#324d98}
  [data-study-surface="reader"] a{color:var(--study-primary)}
  [data-study-surface="reader"] button,[data-study-surface="model"] :is(button:not(#restore),select){background:white;border:1px solid var(--study-border);border-radius:var(--study-control-radius);color:var(--study-ink)}
  [data-study-surface="model"] :is(header,footer,.layers,aside){background:var(--study-surface);color:var(--study-ink);border-color:var(--study-border)}
  [data-study-surface="model"] :is(.mapnav,header,footer,aside) a{color:var(--study-primary)}
  [data-study-surface="model"] button[aria-pressed=true]{background:var(--study-primary);color:white;border-color:var(--study-primary)}
  [data-study-surface="model"] :is(#loading,#message){background:#172744ee;color:white}
  [data-study-surface="model"] #message a{color:#e8eeff}
  [data-study-surface="model"] #key{color:#233e80;background:var(--study-tint)}
  [data-study-surface="exam"] #notice{font-family:var(--study-font);border:1px solid var(--study-border);border-left:4px solid var(--study-primary);background:white;color:var(--study-ink);border-radius:var(--study-control-radius);box-shadow:0 5px 24px #17274420}
  [data-study-surface="exam"] #notice[data-tone=success]{border-left-color:var(--study-success);background:#edf8f3}
  [data-study-surface="exam"] #notice[data-tone=warning]{border-left-color:var(--study-warning);background:#fff8e9}
  [data-study-surface="exam"] #notice[data-tone=error]{border-left-color:var(--study-error);background:#fff0f3}
}

@media screen {
  [data-study-surface="exam"] #dialog [data-action="clear-confirm"] {background:var(--study-error);border-color:var(--study-error);color:white}
}