/* Course pages: navy surroundings, white paper and dark, readable learning content.
   Covers intro, phrase, pronunciation, grammar, vocab, dialogue, story, culture,
   insight, proverb, production, video, recap, all four exercise kinds and completion.
   Scoped to the lesson; Polyglotion profiles, owner switcher and account UI are untouched. */
/* Playback remains a compact top-bar control, separate from the mute/volume control. */
#music-button .music-button__pulse { display: none; }

#lesson-card {
  --lesson-paper: #ebe8e0;
  --lesson-ink: #15191f;
  --lesson-muted: #515963;
  --lesson-line: #c7c4bc;
  --lesson-wash: #e2dfd6;
  --lesson-red: #b9212a;
  color: var(--lesson-ink);
  background: var(--lesson-paper);
  border: 1px solid #dce0e5;
  border-radius: 24px;
  box-shadow: 0 16px 42px #0003;
  backdrop-filter: none;
  min-height: 490px;
  overflow: hidden;
}

#lesson-card .card-inner {
  min-height: 490px;
  padding: clamp(26px, 4.5vw, 64px);
}

#lesson-card :is(h2, h3, strong, .phrase-es, .proverb-es, .production-prompt,
  .sound-row__value, .vocab-word, .example-box__es, .culture-copy__es,
  .story-reading p, .insight-es, .completion-point) { color: var(--lesson-ink); }
#lesson-card :is(.card-subtitle, .translation, .phrase-en, .note-box,
  .pronunciation-rule p, .grammar-copy p, .vocab-item p, .vocab-item small,
  .insight-en, .proverb-meaning, .video-copy p, .type-clue,
  .exercise-prompt-sub, .story-translation, .story-hover-hint,
  .support-piece .translation, .model-reveal__content .translation,
  .recap-item .translation, .dialogue-audio-control__copy small,
  .dialogue-audio-control__time, .ipa-line) { color: var(--lesson-muted); }

#lesson-card :is(.card-kicker, .did-you-know, .grammar-example__label,
  .sound-row__label, .proverb-mark, .objective__number, .completion-star) {
  color: var(--lesson-red);
  text-shadow: none;
}
#lesson-card .card-kicker { font-size: 11px; letter-spacing: .12em; }
#lesson-card :is(.card-title, .dialogue-title, .story-title,
  .pronunciation-rule h2, .grammar-copy h2, .culture-copy h2,
  .insight-wrap h2, .video-copy h2, .recap-wrap h2, .exercise-head h2) {
  font-size: clamp(30px, 4.2vw, 58px);
  line-height: 1.12;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
#lesson-card .phrase-es { font-size: clamp(42px, 6.5vw, 86px); line-height: 1.06; }
#lesson-card .proverb-es { font-size: clamp(34px, 5vw, 66px); line-height: 1.14; }
#lesson-card :is(.card-subtitle, .phrase-en) { line-height: 1.65; }
#lesson-card :is(.card-subtitle--small, .phrase-en) { font-size: 16px; }
#lesson-card :is(.phrase-display, .pronunciation-layout > *, .grammar-layout > *,
  .dialogue-copy, .video-copy, .culture-copy, .support-piece, .recap-item,
  .vocab-item, .match-column, .option-button, .match-button) { min-width: 0; }
#lesson-card :is(p, strong, button, .translation, .sound-row__value) { overflow-wrap: anywhere; }

/* Openings keep the original dark setting, with three solid white objectives. */
#lesson-card:has(.objective-grid) {
  color: #fff;
  background: #0a2145;
  border-color: #244164;
}
#lesson-card:has(.objective-grid) .card-title { color: #fff; }
#lesson-card:has(.objective-grid) .card-subtitle { color: #ccd8e7; }
#lesson-card:has(.objective-grid) .card-kicker { color: #afc9eb; }
#lesson-card .objective-grid { gap: 16px; margin-top: 30px; }
#lesson-card .objective {
  color: var(--lesson-ink);
  background: var(--lesson-paper);
  border: 1px solid #fff;
  border-radius: 14px;
  box-shadow: none;
  padding: 22px;
  min-height: 164px;
}
#lesson-card .objective strong { color: #15191f; font-size: 17px; margin-top: 20px; }
#lesson-card .objective span:last-child { color: #515963; font-size: 14px; line-height: 1.6; }

/* Thin borders separate actual examples rather than stacks of translucent panels. */
#lesson-card :is(.example-box, .sound-panel, .mini-example, .grammar-example,
  .vocab-item, .support-piece, .recap-item, .completion-point,
  .model-reveal__content, .story-reading, .certificate-form, .final-phrase) {
  background: var(--lesson-paper);
  border: 1px solid var(--lesson-line);
  border-radius: 14px;
  box-shadow: none;
}
#lesson-card .example-box { background: var(--lesson-wash); border-left: 3px solid #193e6b; }
#lesson-card .note-box {
  background: #f5f5f4;
  border: 0;
  border-left: 3px solid var(--lesson-red);
  border-radius: 0 9px 9px 0;
  padding: 15px 17px;
  font-size: 14px;
  line-height: 1.65;
}
#lesson-card .note-box__icon { color: var(--lesson-red); background: #f9e6e7; }
#lesson-card :is(.register-badge, .category-badge, .vocab-item small, .video-channel) {
  color: #4d5661;
  background: #f1f3f5;
  border-color: #dce0e5;
  font-size: 10px;
}
#lesson-card .sound-row { border-color: var(--lesson-line); grid-template-columns: 100px minmax(0, 1fr); }
#lesson-card .sound-row__value--heard { color: var(--lesson-red); }
#lesson-card .sound-row__value { font-size: clamp(23px, 3vw, 32px); }
#lesson-card .grammar-example strong { font-size: 21px; line-height: 1.4; }
#lesson-card :is(.mini-example .translation, .grammar-example .translation,
  .vocab-item__en, .support-piece .translation, .recap-item .translation) {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.55;
}
#lesson-card .vocab-grid { gap: 16px; }
#lesson-card .vocab-item { min-height: 150px; padding: 20px; }
#lesson-card .vocab-item p { font-size: 13px; }
#lesson-card .vocab-word { font-size: 24px; }
#lesson-card :is(.word-chip, .vocab-word) { color: #163e6c; background: #f2f5f9; border-color: #cbd5e1; }
#lesson-card .vocab-word { background: none; border: 0; }
#lesson-card .word-chip { font-size: 13px; }
#lesson-card :is(.word-chip, .vocab-word):hover { color: #0c2b50; background: #e6edf6; transform: none; }

/* Photographs retain a defined frame; these rules never target profile images. */
#lesson-card .phrase-layout { gap: 32px; align-items: center; }
#lesson-card .context-media {
  margin: 0;
  aspect-ratio: 4 / 5;
  min-height: 0;
  max-height: 520px;
  align-self: center;
  border-radius: 16px;
  border: 0;
  box-shadow: none;
}
#lesson-card .context-media::after, #lesson-card .culture-photo::after { display: none; }
#lesson-card .context-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  border-radius: inherit;
}
#lesson-card .culture-card { min-height: 490px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
#lesson-card .culture-photo { min-height: 490px; margin: 0; }
#lesson-card .culture-photo img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
#lesson-card .culture-copy { padding: clamp(26px, 4vw, 52px); }
#lesson-card .culture-photo[data-image-fit="contain"] img { object-fit: contain !important; background: #e9e5dd; }
#lesson-card .culture-photo-credit { margin: 18px 0 0; color: #515963; font-size: 12px; line-height: 1.5; }
#lesson-card .culture-photo-credit a { color: #163e6c; text-underline-offset: 2px; }
#lesson-card .context-media > .culture-photo-credit {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 9px 12px;
  background: var(--lesson-paper);
  color: #515963;
  font-size: 11px;
}
#lesson-card .culture-copy__es { font-size: 20px; line-height: 1.65; }
#lesson-card .culture-copy__en { font-size: 15px; }

#lesson-card .dialogue-list { gap: 12px; }
#lesson-card .dialogue-line { background: var(--lesson-paper); border: 1px solid var(--lesson-line); border-radius: 12px; padding: 17px; }
#lesson-card .dialogue-line.speaker-a { background: var(--lesson-paper); border-left: 3px solid #b9212a; }
#lesson-card .dialogue-line.speaker-b { background: #f6f8fb; border-left: 3px solid #265b95; }
#lesson-card .dialogue-avatar {
  width: 38px;
  height: 38px;
  min-width: 38px;
  max-height: 38px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: none;
  color: #fff;
}
#lesson-card .dialogue-avatar.speaker-a { background: #b9212a; }
#lesson-card .dialogue-avatar.speaker-b { background: #265b95; }
#lesson-card .dialogue-copy strong { font-size: 20px; line-height: 1.45; }
#lesson-card :is(.v4-speaker-a, .v4-speaker-b) strong:first-child { color: var(--lesson-ink) !important; }
#lesson-card .dialogue-copy .translation { font-size: 14px; line-height: 1.6; margin-top: 6px; }
#lesson-card .dialogue-audio-control {
  color: #163e6c;
  background: #edf2f8;
  border: 1px solid #cbd7e6;
  border-radius: 12px;
  box-shadow: none;
  min-height: 72px;
}
#lesson-card .dialogue-audio-control__icon { background: #173e6b; color: #fff; }
#lesson-card .dialogue-audio-control__copy strong { color: #173e6b; font-size: 14px; }
#lesson-card .dialogue-audio-control__copy small { font-size: 12px; }
#lesson-card .dialogue-audio-control__progress { background: linear-gradient(90deg, #b9212a, #b9212a) no-repeat, #dce4ee; background-size: var(--audio-progress, 0%) 100%, 100% 100%; }

#lesson-card .story-reading { min-height: 0; padding: 0; border: 0; border-radius: 0; }
#lesson-card .story-reading p { color: #20252b; font-size: clamp(21px, 2.3vw, 29px); line-height: 1.8; }
#lesson-card .story-translation { border-top-color: var(--lesson-line); font-size: 16px; line-height: 1.75; }
#lesson-card .story-hover-hint { font-size: 10px; letter-spacing: .06em; }
#lesson-card .lexeme { box-shadow: inset 0 -1px #7c97b8; }
#lesson-card .lexeme:is(:hover, :focus, .is-active) { color: #143b68; background: #e8eff8; box-shadow: inset 0 -2px #24588d; }
#lesson-card .insight-icon { width: 62px; height: 62px; box-shadow: none; margin-bottom: 20px; }
#lesson-card .insight-icon span { width: 44px; height: 44px; font-size: 22px; }
#lesson-card .insight-es { font-size: 22px; }
#lesson-card .insight-en { font-size: 15px; }
#lesson-card .proverb-meaning { border-top-color: var(--lesson-line); font-size: 16px; }
#lesson-card .model-reveal summary { color: #173e6b; background: #edf2f8; font-size: 14px; max-width: 100%; }
#lesson-card .model-reveal__content { border-left: 3px solid #173e6b; }
#lesson-card .video-wrap { min-height: 490px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
#lesson-card .video-frame { min-height: 390px; }
#lesson-card .video-copy { padding: clamp(26px, 3vw, 44px); }
#lesson-card .source-link { color: #163e6c; background: #f1f4f8; border-color: #cbd5e1; font-size: 13px; max-width: 100%; }
#lesson-card .source-link:hover { background: #e6edf6; }
#lesson-card .video-load-button b { color: #fff; }
#lesson-card .recap-grid { gap: 14px; }

/* Exercise states remain distinguishable in addition to the feedback wording. */
#lesson-card .exercise-prompt-sub { background: #f0f2f5; border-radius: 8px; }
#lesson-card :is(.option-button, .order-token, .match-button) {
  color: #20252b;
  background: var(--lesson-paper);
  border: 1px solid #b8c2ce;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.5;
  box-shadow: none;
}
#lesson-card :is(.option-button, .order-token, .match-button):hover { background: #edf2f8; border-color: #557394; transform: none; }
#lesson-card :is(.option-button, .match-button).is-selected { background: #e5edf7; color: #123962; border-color: #214f80; box-shadow: inset 0 0 0 1px #214f80; }
#lesson-card :is(.option-button.is-correct, .match-button.is-matched) { background: #e9f5ee; color: #185d34; border-color: #45835a; opacity: 1; }
#lesson-card .option-button.is-wrong { background: #fcebed; color: #94202b; border-color: #bd3542; }
#lesson-card :is(.type-answer input, .order-type-input, .certificate-form input) {
  color: #15191f;
  background: var(--lesson-paper);
  border: 1px solid #9caaba;
  border-radius: 10px;
  min-width: 0;
  font-size: 16px;
}
#lesson-card input::placeholder { color: #65717f; opacity: 1; }
#lesson-card :is(button, input, summary, a, [tabindex]):focus-visible { outline: 3px solid #3372b7; outline-offset: 3px; }
#lesson-card .order-zone { background: #f4f6f8; border-color: #9daaba; border-radius: 12px; }
#lesson-card .order-zone:empty::before { color: #515963; line-height: 1.5; }
#lesson-card .order-or { color: #515963; }
#lesson-card #v4-order-note { color: #515963; }
#lesson-card .order-or::before, #lesson-card .order-or::after { background: #dce0e5; }
#lesson-card .exercise-feedback { color: #20252b; background: #f4f6f8; border-color: #c9d1da; }
#lesson-card .exercise-feedback.is-correct { background: #e9f5ee; border-color: #8bb99b; }
#lesson-card .exercise-feedback.is-correct strong { color: #185d34; }
#lesson-card .exercise-feedback.is-wrong { background: #fcebed; border-color: #d89ca2; }
#lesson-card .exercise-feedback.is-wrong strong { color: #94202b; }
#lesson-card .completion-wrap h2 { font-size: clamp(36px, 5vw, 70px); line-height: 1.1; }
#lesson-card .completion-points { gap: 14px; }
#lesson-card .completion-point { font-size: 15px; }
#lesson-card .final-phrase { background: #f4f6f8; border: 0; }
#lesson-card .final-phrase strong { font-size: clamp(28px, 4vw, 38px); }
#lesson-card .certificate-form label { color: #515963; }
#lesson-card .certificate-form button { background: #173e6b; color: #fff; }

/* The runtime's final certificate view is learning content, too. */
#v4-completion .v4-complete-panel {
  position: relative;
  color: #15191f;
  background: var(--lesson-paper);
  border-radius: 22px;
  padding: clamp(26px, 4vw, 52px);
  box-shadow: 0 16px 42px #0003;
}
#v4-completion .v4-complete-panel > span { color: #b9212a; }
#v4-completion .v4-complete-panel > h1 { color: #15191f; font-size: clamp(34px, 5vw, 62px); }
#v4-completion .v4-complete-panel > p { color: #515963; }
#v4-completion .v4-complete-panel label { color: #515963; }
#v4-completion .v4-complete-panel input { color: #15191f; background: var(--lesson-paper); border-color: #9caaba; }
#v4-completion .v4-complete-panel > .v4-primary { color: #fff; background: #173e6b; }
#v4-completion .v4-close { color: #173e6b; }
#v4-completion .v4-final-video { border: 0; border-radius: 12px; }

@media (max-width: 1000px) {
  #lesson-card :is(.pronunciation-layout, .grammar-layout) { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #lesson-card .phrase-layout { grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr); }
  #lesson-card .recap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #lesson-card .video-wrap { grid-template-columns: minmax(0, 1fr); }
  #lesson-card .video-frame { min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 760px) {
  .course-view > .course-controls { position: relative; inset: auto; margin-top: 4px; }
  #lesson-card { border-radius: 18px; min-height: 420px; }
  #lesson-card .card-inner { min-height: 420px; padding: 28px 22px; }
  #lesson-card .phrase-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  #lesson-card .context-media { width: 100%; aspect-ratio: 16 / 10; max-height: none; }
  #lesson-card .culture-card { grid-template-columns: minmax(0, 1fr); }
  #lesson-card .culture-photo { min-height: 0; aspect-ratio: 16 / 10; margin: 0; }
  #lesson-card :is(.culture-copy, .video-copy) { padding: 28px 22px; }
  #lesson-card :is(.objective-grid, .vocab-grid, .support-grid, .completion-points) { grid-template-columns: minmax(0, 1fr); }
  #lesson-card .objective { min-height: 0; padding: 20px; }
  #lesson-card .objective strong { margin-top: 12px; }
  #lesson-card .objective__number { font-size: 26px; }
  #lesson-card .dialogue-line:nth-child(even) { margin-left: 0; }
  #lesson-card .dialogue-line { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 15px 12px; }
  #lesson-card .dialogue-avatar { width: 32px; height: 32px; min-width: 32px; max-height: 32px; font-size: 12px; }
  #lesson-card .dialogue-copy strong { font-size: 18px; }
  #lesson-card .dialogue-audio-control { grid-template-columns: 38px minmax(0, 1fr) 34px; gap: 9px; padding: 12px; }
  #lesson-card .dialogue-audio-control__icon { width: 36px; height: 36px; }
  #lesson-card .dialogue-audio-control__copy small { white-space: normal; max-width: none; }
  #lesson-card .story-reading p { font-size: 21px; line-height: 1.75; }
  #lesson-card .options-grid { grid-template-columns: minmax(0, 1fr); }
  #lesson-card .match-grid { gap: 10px; }
  #lesson-card .match-button { padding: 12px 9px; font-size: 14px; }
  #lesson-card .sound-panel { padding: 18px; }
  #lesson-card .sound-row { grid-template-columns: 70px minmax(0, 1fr); gap: 10px; }
  #lesson-card .certificate-form { grid-template-columns: minmax(0, 1fr); }
  #lesson-card .model-reveal summary { width: auto; }
}
@media (max-width: 400px) {
  #lesson-card .card-inner, #lesson-card .culture-copy, #lesson-card .video-copy { padding: 25px 18px; }
  #lesson-card .recap-grid { grid-template-columns: minmax(0, 1fr); }
  #lesson-card .exercise-head h2 { font-size: 29px; }
  #lesson-card .phrase-es { font-size: 42px; }
  #lesson-card .word-chips { gap: 7px; }
  #lesson-card .word-chip { padding: 9px 11px; }
}
@media (prefers-reduced-motion: reduce) {
  #lesson-card, #lesson-card *, #lesson-card.is-wrong { animation: none; transition: none; }
}
@media print {
  #lesson-card { border: 0; box-shadow: none; border-radius: 0; }
  #lesson-card .certificate-form button { display: none; }
}

/* Flat midnight surroundings and a softer, outlined paper surface. */
html body, html[data-course-theme="dark"] body { background: #101e32 !important; background-image:none !important; }
.ambient,.ambient-orb,.ambient-orbs,.background-orbs { display:none !important; }
.topbar { background:#0a1729 !important; border-bottom:1px solid #2b3b50; }
#lesson-card { border-color:#b8b7b2; border-radius:18px; box-shadow:none; }
#lesson-card *, .continue-button, .progress-fill { background-image:none !important; }
#lesson-card :is(.objective,.vocab-item,.grammar-example,.mini-example,.support-piece,.recap-item,.dialogue-copy,.option-button,.match-button,.example-box,.sound-panel) { border:1px solid var(--lesson-line); box-shadow:none; }
#lesson-card :is(.objective,.vocab-item,.grammar-example,.support-piece,.recap-item,.dialogue-copy) { background:var(--lesson-paper); }
#lesson-card .note-box { border:1px solid var(--lesson-line); border-left:3px solid var(--lesson-red); background:var(--lesson-wash); }
#lesson-card:has(.video-wrap) { min-height:0; }
#lesson-card .video-wrap { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:28px; padding:28px; min-height:0; align-items:start; background:var(--lesson-paper); }
#lesson-card .video-media { margin:0; min-width:0; }
#lesson-card .video-frame { display:block; width:100%; height:auto; min-height:0; aspect-ratio:16/9; position:relative; overflow:hidden; border:1px solid #888b90; border-radius:10px; background:#0a111b; }
#lesson-card .video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
#lesson-card .video-copy { padding:12px 0; background:transparent; }
#lesson-card .video-copy h2 { font-size:clamp(26px,3vw,40px); margin:18px 0; }
#lesson-card .video-copy p { font-size:16px; line-height:1.65; }
#lesson-card .video-channel { display:block; margin:0; padding:12px 0 0; font-size:12px; font-weight:500; color:var(--lesson-muted); letter-spacing:0; background:transparent; border:0; text-transform:none; }
#lesson-card .video-wrap--short { grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
#lesson-card .video-wrap--short .video-media { width:min(100%,300px); justify-self:center; }
#lesson-card .video-wrap--short .video-frame { aspect-ratio:9/16; }
#lesson-card .culture-card { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
#lesson-card .culture-copy { position:relative; padding-top:65px; }
#lesson-card .culture-translation summary { position:absolute; top:20px; right:24px; cursor:pointer; border:1px solid var(--lesson-line); padding:7px 12px; border-radius:8px; font:600 12px/1.3 system-ui; list-style:none; color:var(--lesson-ink); background:var(--lesson-wash); }
#lesson-card .culture-translation summary::-webkit-details-marker { display:none; }
#lesson-card .culture-translation[open] summary { border-color:var(--lesson-red); }
#lesson-card .culture-translation { margin-top:20px; }
#lesson-card .culture-translation[open] { border-top:1px solid var(--lesson-line); padding-top:20px; }
#lesson-card .culture-interactive { margin-top:18px; line-height:1.8; }
#lesson-card .culture-interactive .lexeme { display:inline-block; border:1px solid var(--lesson-line); padding:0 4px; border-radius:4px; }
.site-footer { display:flex; flex-wrap:wrap; gap:12px; border-top:1px solid #354358; padding:24px 18px 32px; }
.course-credits { flex-basis:100%; text-align:center; margin-top:12px; color:#b7c2cf; font:12px/1.7 system-ui; }
.course-credits summary { display:inline-block; cursor:pointer; padding:7px 16px; border:1px solid #47566b; border-radius:7px; }
#course-credits-list { max-width:920px; margin:20px auto; padding:0 20px; text-align:left; }
#course-credits-list ul { padding-left:18px; }
#course-credits-list li { margin-bottom:10px; }
#course-credits-list a { text-decoration:underline; color:#d4dbe4; }
.v4-loader-flag { overflow:hidden; }
.v4-loader-flag i { height:20% !important; display:block; background:#00549d !important; }
.v4-loader-flag i:nth-child(even) { background:#f4f1e9 !important; }
@media(max-width:700px){
 #lesson-card .video-wrap,#lesson-card .culture-card { grid-template-columns:1fr; }
 #lesson-card .video-wrap { padding:16px; gap:18px; }
 #lesson-card .video-copy { padding:0; }
 #lesson-card .culture-copy { padding:64px 22px 28px; }
}

.owner-review-button { border:1px solid #718098; background:#1b2d45; border-radius:7px; color:#e1e5ec; padding:8px 14px; cursor:pointer; }
.owner-review-panel { position:fixed; bottom:12px; left:50%; transform:translateX(-50%); z-index:1200; width:min(760px,calc(100% - 24px)); display:flex; flex-wrap:wrap; gap:8px; padding:14px; background:#e7e3d9; border:1px solid #8d928f; border-radius:12px; color:#172233; box-shadow:0 8px 30px #0004; }
.owner-review-panel strong { flex-basis:100%; font:600 12px/1.4 system-ui; }
.owner-review-panel select { flex:1; min-width:160px; max-width:100%; }
.owner-review-panel :is(button,select) { color:#172233; background:#f1eee7; border:1px solid #a8adae; border-radius:6px; padding:8px; }
.owner-reviewing .course-actions,.owner-reviewing .course-controls { visibility:hidden; }

#lesson-card .culture-copy:has(.culture-translation[open])>.culture-copy__es { display:none; }
.explore-library-button { cursor:pointer; color:#dce3ed; background:#1b2d45; border:1px solid #718098; border-radius:7px; padding:8px 16px; }
.explore-library { color:#172233; background:#e7e3d9; border:1px solid #a8adae; border-radius:16px; width:min(1050px,calc(100% - 24px)); max-height:88dvh; padding:24px; }
.explore-library::backdrop { background:#06101dd9; }
.explore-library h2 { color:#172233; font-size:30px; margin:12px 0 20px; }
.explore-library :is(button,select) { color:#172233; background:#f1eee7; border:1px solid #a8adae; border-radius:7px; padding:10px 14px; cursor:pointer; }
.explore-close { float:right; }
.explore-library-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.explore-library-list article { background:#eeebe3; border:1px solid #b7bab8; border-radius:12px; padding:20px; min-width:0; }
.explore-library h3 { color:#172233; font:600 20px/1.3 system-ui; margin:0 0 14px; }
.explore-library p { font:15px/1.65 system-ui; color:#46505a; }
.explore-library small { display:block; font:12px/1.5 system-ui; margin-top:12px; color:#56616d; }
.explore-video { aspect-ratio:16/9; position:relative; margin-top:16px; background:#0a1729; }
.explore-video--short { aspect-ratio:9/16; max-width:280px; margin-inline:auto; }
.explore-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.v4-complete-panel,.model-reveal__content { background:#ebe8e0 !important; }
html .pg-course-welcome,html .pg-course-welcome[data-theme],html .pg-course-welcome[data-accent] { background:#122940 !important; box-shadow:0 12px 36px #0004 !important; }
.top-progress__track span { background:#8fb8df !important; box-shadow:none !important; }
#v4-loading,#v4-transition,.course-loader,#v4-completion,#v4-account-gate,#v4-preview-end,#v4-boot-error { background:#101e32 !important; }
.v4-primary,.continue-button { background:#b9cee0 !important; color:#14263b !important; }
@media(max-width:700px){.explore-library-list{grid-template-columns:1fr}.explore-library{padding:18px}}

.v4-loader-flag,.v4-loader-flag i { animation:none !important; transform:none !important; }