.ei-academy,
.ei-academy * {
  box-sizing: border-box;
}

.ei-academy {
  --ei-academy-bg: #080a12;
  --ei-academy-card: rgba(255,255,255,.07);
  --ei-academy-card-strong: rgba(255,255,255,.11);
  --ei-academy-line: rgba(255,255,255,.12);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: #a1a8b8;
  --ei-academy-soft: rgba(255,255,255,.72);
  --ei-academy-radius: 24px;
  width: min(1180px, calc(100% - 24px));
  margin: 32px auto;
  padding: 22px;
  border-radius: 32px;
  color: var(--ei-academy-text);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ei-academy-accent) 34%, transparent), transparent 28%),
    radial-gradient(circle at bottom left, rgba(80, 120, 255, .16), transparent 34%),
    linear-gradient(145deg, #070915, #111827 56%, #0b1020);
  box-shadow: 0 30px 80px rgba(0,0,0,.28);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

.ei-academy-theme-light {
  --ei-academy-bg: #f8fafc;
  --ei-academy-card: rgba(15,23,42,.045);
  --ei-academy-card-strong: #ffffff;
  --ei-academy-line: rgba(15,23,42,.1);
  --ei-academy-text: #111827;
  --ei-academy-muted: #64748b;
  --ei-academy-soft: rgba(15,23,42,.72);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ei-academy-accent) 16%, transparent), transparent 32%),
    linear-gradient(145deg, #fff, #f8fafc);
  box-shadow: 0 22px 70px rgba(15,23,42,.1);
}

.ei-academy-theme-glass {
  backdrop-filter: blur(18px);
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--ei-academy-accent) 26%, transparent), transparent 31%),
    linear-gradient(145deg, rgba(10,14,26,.86), rgba(17,24,39,.72));
}

.ei-academy-kicker {
  margin: 0 0 8px;
  color: var(--ei-academy-accent);
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}

.ei-academy-locator {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding: 12px 12px 22px;
}

.ei-academy-locator h1 {
  margin: 0;
  font-size: clamp(26px, 4vw, 44px);
  line-height: 1.08;
  color: var(--ei-academy-text);
  letter-spacing: -0.04em;
}

.ei-academy-path {
  margin: 12px 0 0;
  color: var(--ei-academy-muted);
  font-size: 14px;
}

.ei-academy-path span {
  margin: 0 8px;
  color: var(--ei-academy-accent);
}

.ei-academy-status-pill {
  flex: 0 0 auto;
  border: 1px solid var(--ei-academy-line);
  border-radius: 999px;
  padding: 9px 13px;
  color: var(--ei-academy-soft);
  background: var(--ei-academy-card);
  font-size: 13px;
  font-weight: 800;
}

.ei-academy-status-pill.done {
  color: #d1fae5;
  background: rgba(16,185,129,.14);
  border-color: rgba(16,185,129,.28);
}

.ei-academy-layout {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(0, 1fr) minmax(220px, 280px);
  gap: 16px;
}

.ei-academy-main,
.ei-academy-side,
.ei-academy-locked,
.ei-academy-actionbar,
.ei-academy-library {
  border: 1px solid var(--ei-academy-line);
  border-radius: var(--ei-academy-radius);
  background: var(--ei-academy-card);
}

.ei-academy-main {
  min-height: 520px;
  padding: clamp(20px, 4vw, 40px);
  background: var(--ei-academy-card-strong);
}

.ei-academy-side {
  padding: 18px;
  align-self: start;
  position: sticky;
  top: 24px;
}

.ei-academy-panel-title {
  margin: 0 0 14px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--ei-academy-muted);
  font-weight: 900;
}

.ei-academy-sequence-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.ei-academy-sequence-list a {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 8px;
  min-height: 42px;
  padding: 10px;
  border-radius: 14px;
  color: var(--ei-academy-soft);
  text-decoration: none;
  border: 1px solid transparent;
}

.ei-academy-sequence-list a:hover,
.ei-academy-sequence-list a.current {
  background: color-mix(in srgb, var(--ei-academy-accent) 16%, transparent);
  border-color: color-mix(in srgb, var(--ei-academy-accent) 32%, transparent);
  color: var(--ei-academy-text);
}

.ei-academy-sequence-list a.completed span {
  color: #34d399;
}

.ei-academy-sequence-list span {
  color: var(--ei-academy-accent);
}

.ei-academy-sequence-list strong {
  font-size: 13px;
  line-height: 1.35;
}

.ei-academy-content :is(h1,h2,h3,h4) {
  color: var(--ei-academy-text);
  line-height: 1.22;
  letter-spacing: -.02em;
}

.ei-academy-content p,
.ei-academy-content li {
  color: var(--ei-academy-soft);
}

.ei-academy-content a {
  color: var(--ei-academy-accent);
}

.ei-academy-video {
  overflow: hidden;
  border-radius: 18px;
  background: rgba(0,0,0,.32);
  margin-bottom: 24px;
}

.ei-academy-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
}

.ei-academy-deep-note {
  margin-top: 24px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--ei-academy-accent) 34%, transparent);
  background: color-mix(in srgb, var(--ei-academy-accent) 12%, transparent);
}

.ei-academy-deep-note span,
.ei-academy-mini-panel span {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--ei-academy-accent);
  font-weight: 900;
  margin-bottom: 8px;
}

.ei-academy-deep-note p,
.ei-academy-mini-panel p {
  margin: 0;
  color: var(--ei-academy-soft);
}

.ei-academy-ability {
  padding: 16px;
  border-radius: 18px;
  background: rgba(0,0,0,.12);
  border: 1px solid var(--ei-academy-line);
  margin-bottom: 14px;
}

.ei-academy-ability strong,
.ei-academy-ability span,
.ei-academy-ability em {
  display: block;
}

.ei-academy-ability strong {
  color: var(--ei-academy-text);
  font-size: 17px;
}

.ei-academy-ability span,
.ei-academy-ability em {
  color: var(--ei-academy-muted);
  font-size: 13px;
  font-style: normal;
  margin-top: 3px;
}

.ei-academy-meter {
  margin: 14px 0 8px;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.12);
}

.ei-academy-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ei-academy-accent), #60a5fa);
}

.ei-academy-mini-panel {
  padding: 15px;
  border-radius: 18px;
  border: 1px solid var(--ei-academy-line);
  margin-top: 12px;
  background: rgba(255,255,255,.04);
}

.ei-academy-mini-panel strong {
  display: block;
  color: var(--ei-academy-text);
  margin-bottom: 6px;
}

.ei-academy-actionbar {
  margin-top: 16px;
  padding: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  position: sticky;
  bottom: 12px;
  backdrop-filter: blur(14px);
  z-index: 3;
}

.ei-academy-btn {
  appearance: none;
  border: 0;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  cursor: pointer;
  font-weight: 900;
  font-size: 14px;
  transition: transform .16s ease, opacity .16s ease, border-color .16s ease, background .16s ease;
}

.ei-academy-btn:hover {
  transform: translateY(-1px);
}

.ei-academy-btn.primary {
  color: #fff;
  background: var(--ei-academy-accent);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--ei-academy-accent) 28%, transparent);
}

.ei-academy-btn.secondary {
  color: var(--ei-academy-text);
  background: var(--ei-academy-card-strong);
  border: 1px solid var(--ei-academy-line);
}

.ei-academy-btn.ghost {
  color: var(--ei-academy-accent);
  background: color-mix(in srgb, var(--ei-academy-accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--ei-academy-accent) 26%, transparent);
}

.ei-academy-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}

.ei-academy-quiz h2,
.ei-academy-task h2 {
  margin-top: 0;
  color: var(--ei-academy-text);
}

.ei-academy-question {
  padding: 18px;
  border: 1px solid var(--ei-academy-line);
  border-radius: 18px;
  margin: 14px 0;
  background: rgba(255,255,255,.04);
}

.ei-academy-question h3 {
  margin: 0 0 14px;
  color: var(--ei-academy-text);
  font-size: 18px;
}

.ei-academy-options {
  display: grid;
  gap: 10px;
}

.ei-academy-options label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  color: var(--ei-academy-soft);
  cursor: pointer;
  border: 1px solid transparent;
}

.ei-academy-options label:hover {
  border-color: color-mix(in srgb, var(--ei-academy-accent) 35%, transparent);
}

.ei-academy-question.correct {
  border-color: rgba(52, 211, 153, .45);
}

.ei-academy-question.wrong {
  border-color: rgba(248, 113, 113, .5);
}

.ei-academy-explain {
  display: none;
  color: var(--ei-academy-muted);
  margin: 12px 0 0;
}

.ei-academy-question.correct .ei-academy-explain,
.ei-academy-question.wrong .ei-academy-explain {
  display: block;
}

.ei-academy-quiz-result {
  min-height: 24px;
  color: var(--ei-academy-soft);
  font-weight: 800;
}

.ei-academy-task-input {
  width: 100%;
  border: 1px solid var(--ei-academy-line);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  color: var(--ei-academy-text);
  padding: 14px;
  box-shadow: none;
}

.ei-academy-task-input:focus {
  outline: none;
  border-color: var(--ei-academy-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ei-academy-accent) 20%, transparent);
}

.ei-academy-hint {
  color: var(--ei-academy-muted);
  font-size: 13px;
}

.ei-academy-locked {
  min-height: 320px;
  padding: clamp(24px, 5vw, 56px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ei-academy-locked h2 {
  margin: 0 0 12px;
  color: var(--ei-academy-text);
  font-size: clamp(26px, 4vw, 42px);
}

.ei-academy-locked p {
  color: var(--ei-academy-soft);
  max-width: 660px;
}

.ei-academy-locked-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.ei-academy-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  max-width: 360px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #111827;
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.24);
  display: none;
  z-index: 9999;
}

.ei-academy-toast.show {
  display: block;
}

.ei-academy-library {
  --ei-academy-bg: #080a12;
  --ei-academy-card: rgba(255,255,255,.07);
  --ei-academy-line: rgba(255,255,255,.12);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: #a1a8b8;
  width: min(1080px, calc(100% - 24px));
  margin: 32px auto;
  padding: 24px;
  background: linear-gradient(145deg, #080a12, #111827);
}

.ei-academy-library-head h2 {
  margin: 0 0 18px;
  color: var(--ei-academy-text);
  font-size: 32px;
}

.ei-academy-library-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
}

.ei-academy-library-item {
  display: block;
  padding: 18px;
  border-radius: 18px;
  text-decoration: none !important;
  border: 1px solid var(--ei-academy-line);
  background: var(--ei-academy-card);
}

.ei-academy-library-item span,
.ei-academy-library-item em {
  display: block;
  color: var(--ei-academy-muted);
  font-size: 13px;
  font-style: normal;
}

.ei-academy-library-item strong {
  display: block;
  margin: 8px 0;
  color: var(--ei-academy-text);
  font-size: 18px;
}

.ei-academy-error {
  padding: 16px;
  border-radius: 12px;
  background: #fee2e2;
  color: #991b1b;
}

@media (max-width: 980px) {
  .ei-academy {
    width: min(100% - 16px, 720px);
    padding: 14px;
    border-radius: 24px;
    margin: 18px auto;
  }
  .ei-academy-locator,
  .ei-academy-layout {
    display: block;
  }
  .ei-academy-status-pill {
    display: inline-flex;
    margin-top: 14px;
  }
  .ei-academy-side {
    position: static;
    margin: 12px 0;
  }
  .ei-academy-main {
    min-height: auto;
  }
  .ei-academy-sequence {
    max-height: 260px;
    overflow: auto;
  }
  .ei-academy-actionbar {
    justify-content: stretch;
    position: static;
  }
  .ei-academy-btn {
    width: 100%;
  }
}

.ei-academy-empty {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 42px 28px;
    border: 1px dashed rgba(255,255,255,.22);
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    color: rgba(255,255,255,.86);
}
.ei-academy-empty p {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}
.ei-academy-empty small {
    max-width: 460px;
    color: rgba(255,255,255,.58);
    line-height: 1.7;
}
.ei-academy-theme-light .ei-academy-empty {
    border-color: rgba(20,24,40,.14);
    background: rgba(20,24,40,.035);
    color: rgba(20,24,40,.88);
}
.ei-academy-theme-light .ei-academy-empty small {
    color: rgba(20,24,40,.56);
}

.ei-academy-page-sequence button {
  appearance: none;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 10px;
  border-radius: 14px;
  color: var(--ei-academy-soft);
  text-decoration: none;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.ei-academy-page-sequence button:hover,
.ei-academy-page-sequence button.current {
  background: color-mix(in srgb, var(--ei-academy-accent) 16%, transparent);
  border-color: color-mix(in srgb, var(--ei-academy-accent) 32%, transparent);
  color: var(--ei-academy-text);
}

.ei-academy-page-sequence button span {
  color: var(--ei-academy-accent);
}

.ei-academy-page-sequence button strong {
  font-size: 13px;
  line-height: 1.35;
}

.ei-academy-page-panel {
  display: none;
}

.ei-academy-page-panel.active {
  display: block;
}

.ei-academy-page-panel h2 {
  margin-top: 0;
  color: var(--ei-academy-text);
  font-size: clamp(24px, 3vw, 34px);
  letter-spacing: -.03em;
}

.ei-academy-page-button-wrap {
  margin: 26px 0 0;
}

/* v0.1.4: top horizontal status + larger content frame */
.ei-academy-top-status {
  display: grid;
  grid-template-columns: minmax(220px, 320px) repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid var(--ei-academy-line);
  border-radius: var(--ei-academy-radius);
  background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}

.ei-academy-top-status .ei-academy-mini-panel {
  margin: 0;
  min-height: 100%;
}

.ei-academy-top-progress {
  padding: 15px;
  border-radius: 18px;
  border: 1px solid var(--ei-academy-line);
  background: rgba(0,0,0,.13);
}

.ei-academy-top-progress span,
.ei-academy-top-progress em {
  display: block;
  color: var(--ei-academy-muted);
  font-size: 12px;
  font-style: normal;
}

.ei-academy-top-progress strong {
  display: block;
  color: var(--ei-academy-text);
  font-size: 18px;
  margin-top: 4px;
}

.ei-academy-layout {
  grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
  align-items: stretch;
}

.ei-academy-main {
  min-height: 560px;
  padding: clamp(26px, 4.5vw, 48px);
}

.ei-academy-side.ei-academy-sequence {
  max-width: none;
}

.ei-academy-page-panel .ei-academy-quiz,
.ei-academy-page-panel .ei-academy-task {
  margin-top: 22px;
}

@media (max-width: 980px) {
  .ei-academy-top-status {
    display: block;
  }
  .ei-academy-top-status .ei-academy-mini-panel,
  .ei-academy-top-progress {
    margin: 10px 0;
  }
}

/* v0.1.5: compact header status beside title */
.ei-academy-locator {
  display: grid;
  grid-template-columns: minmax(260px, max-content) minmax(300px, 1fr) auto;
  align-items: start;
  gap: 16px;
  padding: 12px 12px 20px;
}

.ei-academy-title-block {
  min-width: 0;
}

.ei-academy-title-block .ei-academy-path {
  word-break: break-word;
}

.ei-academy-locator h1 {
  font-size: clamp(30px, 3.6vw, 44px);
  max-width: 560px;
}

.ei-academy-locator .ei-academy-top-status {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  display: grid;
  grid-template-columns: minmax(150px, .8fr) minmax(220px, 1.25fr);
  gap: 10px;
  min-width: 0;
  align-self: stretch;
}

.ei-academy-locator .ei-academy-top-status > * {
  min-width: 0;
}

.ei-academy-locator .ei-academy-top-progress,
.ei-academy-locator .ei-academy-mini-panel {
  margin: 0;
  padding: 14px 15px;
  min-height: 0;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.055);
}

.ei-academy-locator .ei-academy-top-progress strong {
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ei-academy-locator .ei-academy-meter {
  margin: 10px 0 6px;
}

.ei-academy-locator .ei-academy-mini-panel span {
  margin-bottom: 5px;
}

.ei-academy-locator .ei-academy-mini-panel strong,
.ei-academy-locator .ei-academy-mini-panel p {
  max-width: 100%;
}

.ei-academy-locator .ei-academy-mini-panel p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.55;
}

.ei-academy-status-pill {
  align-self: start;
}

@media (min-width: 981px) {
  .ei-academy-locator .ei-academy-top-status .ei-academy-mini-panel:nth-of-type(n+3) {
    display: none;
  }
}

@media (max-width: 1080px) {
  .ei-academy-locator {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .ei-academy-locator .ei-academy-top-status {
    grid-column: 1 / -1;
    grid-template-columns: minmax(150px, 240px) minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .ei-academy-locator {
    display: block;
  }
  .ei-academy-locator .ei-academy-top-status {
    display: block;
    margin-top: 14px;
  }
  .ei-academy-locator .ei-academy-top-progress,
  .ei-academy-locator .ei-academy-mini-panel {
    margin-top: 10px;
    height: auto;
  }
}

/* v0.1.5 fine-tune: keep title and status balanced on desktop */
@media (min-width: 1081px) {
  .ei-academy-locator {
    grid-template-columns: minmax(260px, 430px) minmax(340px, 1fr) auto;
  }
}

/* v0.1.6: tighter header status so it stays beside title and never cuts into content */
@media (min-width: 1081px) {
  .ei-academy-locator {
    grid-template-columns: minmax(260px, 410px) minmax(360px, 1fr) auto;
    align-items: start;
    gap: 14px;
    padding: 10px 12px 14px;
    margin-bottom: 14px;
  }
  .ei-academy-locator .ei-academy-top-status {
    align-self: start;
    grid-template-columns: minmax(150px, 200px) minmax(220px, 1fr);
    gap: 10px;
    max-height: 126px;
    overflow: hidden;
  }
  .ei-academy-locator .ei-academy-top-progress,
  .ei-academy-locator .ei-academy-mini-panel {
    padding: 10px 14px;
    height: 126px;
    min-height: 0;
    border-radius: 16px;
  }
  .ei-academy-locator .ei-academy-mini-panel p {
    -webkit-line-clamp: 2;
    line-height: 1.45;
    font-size: 14px;
    margin-top: 4px;
  }
  .ei-academy-locator .ei-academy-mini-panel strong {
    font-size: 14px;
  }
  .ei-academy-locator .ei-academy-top-progress span,
  .ei-academy-locator .ei-academy-top-progress em,
  .ei-academy-locator .ei-academy-mini-panel span {
    font-size: 11px;
  }
  .ei-academy-locator .ei-academy-meter {
    margin: 8px 0 4px;
  }
  .ei-academy-layout {
    margin-top: 0;
  }
}

@media (min-width: 1081px) and (max-width: 1180px) {
  .ei-academy-locator {
    grid-template-columns: minmax(240px, 390px) minmax(330px, 1fr) auto;
  }
  .ei-academy-locator .ei-academy-top-status {
    grid-template-columns: minmax(135px, 175px) minmax(200px, 1fr);
  }
}

/* v0.1.12: preserve WordPress editor heading hierarchy inside Academy content */
.ei-academy .ei-academy-content h1 {
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1.15 !important;
  margin: 1.1em 0 .55em !important;
  font-weight: 900 !important;
}
.ei-academy .ei-academy-content h2 {
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.18 !important;
  margin: 1em 0 .5em !important;
  font-weight: 900 !important;
}
.ei-academy .ei-academy-content h3 {
  font-size: clamp(22px, 2.4vw, 30px) !important;
  line-height: 1.22 !important;
  margin: .95em 0 .45em !important;
  font-weight: 850 !important;
}
.ei-academy .ei-academy-content h4 {
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.25 !important;
  margin: .85em 0 .4em !important;
  font-weight: 800 !important;
}
.ei-academy .ei-academy-page-lock {
  margin: 16px 0;
  padding: 14px;
  border: 1px solid #d8dce8;
  border-radius: 14px;
  background: #fff;
}
.ei-academy .ei-academy-page-lock summary {
  cursor: pointer;
  font-weight: 800;
  margin-bottom: 12px;
}

/* v0.1.21: compact bottom actions. Remove the long translucent footer frame and keep only action buttons. */
.ei-academy .ei-academy-actionbar {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  position: sticky !important;
  bottom: 18px !important;
  z-index: 12 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none !important;
}

.ei-academy .ei-academy-actionbar::before,
.ei-academy .ei-academy-actionbar::after {
  content: none !important;
  display: none !important;
}

.ei-academy .ei-academy-actionbar .ei-academy-btn {
  pointer-events: auto !important;
}

.ei-academy .ei-academy-scroll-down {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.ei-academy .ei-academy-complete {
  min-width: 76px;
}

/* v0.1.22: per-node visual presets, custom background and BGM toggle */
.ei-academy-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: start;
}
.ei-academy-audio-toggle[hidden] { display: none !important; }
.ei-academy-audio-toggle {
  appearance: none;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid var(--ei-academy-line);
  background: var(--ei-academy-card);
  color: var(--ei-academy-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease;
}
.ei-academy-audio-toggle:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--ei-academy-accent) 42%, transparent); }
.ei-academy-audio-toggle.is-on { background: color-mix(in srgb, var(--ei-academy-accent) 20%, var(--ei-academy-card)); color: var(--ei-academy-text); }
.ei-academy-audio-toggle.is-muted { opacity: .72; }
.ei-academy-audio-toggle-icon { font-size: 17px; line-height: 1; }

.ei-academy.ei-academy-has-custom-bg {
  background-color: var(--ei-academy-custom-bg-color, #0f172a);
  background-image:
    linear-gradient(rgba(0,0,0,var(--ei-academy-custom-bg-overlay, .42)), rgba(0,0,0,var(--ei-academy-custom-bg-overlay, .42))),
    var(--ei-academy-custom-bg-image, none);
  background-size: cover, var(--ei-academy-custom-bg-size, cover);
  background-position: center, var(--ei-academy-custom-bg-position, center center);
  background-repeat: no-repeat, var(--ei-academy-custom-bg-repeat, no-repeat);
}
.ei-academy.ei-academy-has-custom-bg .ei-academy-main,
.ei-academy.ei-academy-has-custom-bg .ei-academy-side,
.ei-academy.ei-academy-has-custom-bg .ei-academy-top-progress,
.ei-academy.ei-academy-has-custom-bg .ei-academy-mini-panel,
.ei-academy.ei-academy-has-custom-bg .ei-academy-locked {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ei-academy-style-modern,
.ei-academy-style-light {
  --ei-academy-card: rgba(15,23,42,.045);
  --ei-academy-card-strong: #ffffff;
  --ei-academy-line: rgba(15,23,42,.1);
  --ei-academy-text: #111827;
  --ei-academy-muted: #64748b;
  --ei-academy-soft: rgba(15,23,42,.72);
  background: linear-gradient(145deg, #ffffff, #f7f9fc 55%, #eef2ff);
  box-shadow: 0 22px 70px rgba(15,23,42,.1);
}
.ei-academy-style-dark {
  --ei-academy-card: rgba(255,255,255,.07);
  --ei-academy-card-strong: rgba(255,255,255,.11);
  --ei-academy-line: rgba(255,255,255,.13);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: #a1a8b8;
  --ei-academy-soft: rgba(255,255,255,.76);
  background: radial-gradient(circle at top right, rgba(96,165,250,.2), transparent 32%), linear-gradient(145deg, #060814, #111827 58%, #020617);
}
.ei-academy-style-glass {
  --ei-academy-card: rgba(255,255,255,.13);
  --ei-academy-card-strong: rgba(255,255,255,.18);
  --ei-academy-line: rgba(255,255,255,.24);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: rgba(226,232,240,.74);
  --ei-academy-soft: rgba(255,255,255,.82);
  background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.24), transparent 32%), linear-gradient(145deg, rgba(24,32,54,.82), rgba(17,24,39,.62));
  backdrop-filter: blur(18px);
}
.ei-academy-style-rpg_gold {
  --ei-academy-accent: #f4c76d;
  --ei-academy-card: rgba(64,39,13,.56);
  --ei-academy-card-strong: rgba(84,52,16,.72);
  --ei-academy-line: rgba(244,199,109,.36);
  --ei-academy-text: #fff7dc;
  --ei-academy-muted: #dec89a;
  --ei-academy-soft: #f5e4bc;
  border: 2px solid rgba(244,199,109,.55);
  background: radial-gradient(circle at top, rgba(244,199,109,.22), transparent 38%), linear-gradient(145deg, #1d1308, #3b250d 52%, #140d06);
  box-shadow: 0 30px 80px rgba(73,45,12,.42), inset 0 0 0 1px rgba(255,255,255,.08);
}
.ei-academy-style-parchment {
  --ei-academy-accent: #9a6b2f;
  --ei-academy-card: rgba(120,83,38,.08);
  --ei-academy-card-strong: rgba(255,250,232,.9);
  --ei-academy-line: rgba(116,77,30,.24);
  --ei-academy-text: #3b2510;
  --ei-academy-muted: #806142;
  --ei-academy-soft: #51381d;
  background: radial-gradient(circle at 10% 10%, rgba(150,105,50,.14), transparent 24%), linear-gradient(145deg, #fff6d8, #f3dfad 54%, #e5c889);
  border: 1px solid rgba(115,76,29,.32);
}
.ei-academy-style-washi_ink {
  --ei-academy-accent: #2f4f4f;
  --ei-academy-card: rgba(15,23,42,.045);
  --ei-academy-card-strong: rgba(250,250,246,.92);
  --ei-academy-line: rgba(25,35,45,.16);
  --ei-academy-text: #17201d;
  --ei-academy-muted: #64706c;
  --ei-academy-soft: #2d3935;
  background: radial-gradient(circle at 18% 20%, rgba(16,24,22,.11), transparent 18%), linear-gradient(145deg, #fbfaf1, #ebe7d8);
  border-radius: 18px;
}
.ei-academy-style-pixel {
  --ei-academy-accent: #7dd3fc;
  --ei-academy-card: rgba(15,23,42,.72);
  --ei-academy-card-strong: rgba(15,23,42,.86);
  --ei-academy-line: rgba(125,211,252,.5);
  --ei-academy-text: #e0f2fe;
  --ei-academy-muted: #93c5fd;
  --ei-academy-soft: #dbeafe;
  border-radius: 6px;
  image-rendering: pixelated;
  background: linear-gradient(135deg, #082f49, #0f172a 55%, #1e1b4b);
  box-shadow: 0 0 0 4px rgba(125,211,252,.26), 0 22px 60px rgba(2,6,23,.38);
}
.ei-academy-style-pixel :is(.ei-academy-main,.ei-academy-side,.ei-academy-locked,.ei-academy-btn,.ei-academy-mini-panel,.ei-academy-top-progress) { border-radius: 6px; }
.ei-academy-style-dark_neon {
  --ei-academy-accent: #22d3ee;
  --ei-academy-card: rgba(8,13,28,.76);
  --ei-academy-card-strong: rgba(12,18,38,.88);
  --ei-academy-line: rgba(34,211,238,.34);
  --ei-academy-text: #ecfeff;
  --ei-academy-muted: #8bd7e5;
  --ei-academy-soft: #c8f7ff;
  background: radial-gradient(circle at top right, rgba(34,211,238,.23), transparent 30%), radial-gradient(circle at bottom left, rgba(168,85,247,.2), transparent 32%), linear-gradient(145deg, #020617, #071426);
  box-shadow: 0 0 34px rgba(34,211,238,.15), 0 28px 80px rgba(0,0,0,.35);
}
.ei-academy-style-cyberpunk {
  --ei-academy-accent: #f0ff42;
  --ei-academy-card: rgba(16,16,27,.78);
  --ei-academy-card-strong: rgba(25,22,42,.9);
  --ei-academy-line: rgba(240,255,66,.33);
  --ei-academy-text: #fffce1;
  --ei-academy-muted: #f6c3ff;
  --ei-academy-soft: #f7f2cf;
  background: linear-gradient(135deg, rgba(236,72,153,.28), transparent 24%), radial-gradient(circle at 82% 0%, rgba(240,255,66,.22), transparent 28%), linear-gradient(145deg, #1b1024, #080414 54%, #1a1030);
  border: 1px solid rgba(240,255,66,.36);
}
.ei-academy-style-steampunk {
  --ei-academy-accent: #c47b3b;
  --ei-academy-card: rgba(63,42,26,.45);
  --ei-academy-card-strong: rgba(255,248,229,.88);
  --ei-academy-line: rgba(111,78,50,.35);
  --ei-academy-text: #2b1b10;
  --ei-academy-muted: #6b4e36;
  --ei-academy-soft: #3d2a1a;
  background: radial-gradient(circle at 85% 14%, rgba(95,65,43,.24), transparent 24%), linear-gradient(145deg, #e7c99a, #b8824d 57%, #704623);
}
.ei-academy-style-cute_pink {
  --ei-academy-accent: #ec4899;
  --ei-academy-card: rgba(236,72,153,.08);
  --ei-academy-card-strong: rgba(255,255,255,.92);
  --ei-academy-line: rgba(236,72,153,.22);
  --ei-academy-text: #4a1730;
  --ei-academy-muted: #8f5272;
  --ei-academy-soft: #5f2942;
  background: radial-gradient(circle at 16% 0%, rgba(255,255,255,.75), transparent 24%), linear-gradient(145deg, #fff1f6, #ffd7e8 58%, #fbcfe8);
}
.ei-academy-style-chinese_red_gold {
  --ei-academy-accent: #f8c85d;
  --ei-academy-card: rgba(83,13,18,.5);
  --ei-academy-card-strong: rgba(113,18,25,.7);
  --ei-academy-line: rgba(248,200,93,.36);
  --ei-academy-text: #fff7db;
  --ei-academy-muted: #f1cfa3;
  --ei-academy-soft: #ffecc2;
  background: radial-gradient(circle at top right, rgba(248,200,93,.22), transparent 28%), linear-gradient(145deg, #4b080d, #8f1720 54%, #3d0509);
  border: 1px solid rgba(248,200,93,.45);
}
.ei-academy-style-nasapunk {
  --ei-academy-accent: #93c5fd;
  --ei-academy-card: rgba(226,232,240,.08);
  --ei-academy-card-strong: rgba(15,23,42,.72);
  --ei-academy-line: rgba(147,197,253,.26);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: #b9c7da;
  --ei-academy-soft: #e2e8f0;
  background: radial-gradient(circle at 50% -20%, rgba(255,255,255,.22), transparent 28%), radial-gradient(circle at 80% 12%, rgba(59,130,246,.18), transparent 24%), linear-gradient(145deg, #0a1020, #1f2937 52%, #020617);
}
.ei-academy-style-modern .ei-academy-actionbar,
.ei-academy-style-parchment .ei-academy-actionbar,
.ei-academy-style-washi_ink .ei-academy-actionbar,
.ei-academy-style-steampunk .ei-academy-actionbar,
.ei-academy-style-cute_pink .ei-academy-actionbar { color: var(--ei-academy-text); }
@media (max-width: 700px) {
  .ei-academy-header-actions { margin-top: 12px; }
}

/* v0.1.25: stronger OSE-like skin separation and style-owned accent colors. */
.ei-academy {
  --ei-academy-heading: var(--ei-academy-text);
  --ei-academy-accent-contrast: #ffffff;
  --ei-academy-btn-bg: var(--ei-academy-accent);
  --ei-academy-btn-shadow: color-mix(in srgb, var(--ei-academy-accent) 28%, transparent);
}
.ei-academy-locator h1,
.ei-academy-content :is(h1,h2,h3,h4) {
  color: var(--ei-academy-heading) !important;
}
.ei-academy-btn.primary {
  color: var(--ei-academy-accent-contrast) !important;
  background: var(--ei-academy-btn-bg) !important;
  box-shadow: 0 12px 28px var(--ei-academy-btn-shadow) !important;
}
.ei-academy-kicker,
.ei-academy-panel-title,
.ei-academy-sequence-list span,
.ei-academy-page-sequence button span,
.ei-academy-deep-note span,
.ei-academy-mini-panel span {
  color: var(--ei-academy-accent) !important;
}
.ei-academy-main,
.ei-academy-side,
.ei-academy-locked,
.ei-academy-top-progress,
.ei-academy-mini-panel {
  color: var(--ei-academy-text);
}

.ei-academy-style-modern,
.ei-academy-style-light {
  --ei-academy-accent: #2563eb;
  --ei-academy-heading: #0f172a;
  --ei-academy-accent-contrast: #ffffff;
  --ei-academy-btn-bg: linear-gradient(135deg, #2563eb, #3b82f6);
  --ei-academy-card: rgba(15,23,42,.045);
  --ei-academy-card-strong: rgba(255,255,255,.94);
  --ei-academy-line: rgba(15,23,42,.11);
  --ei-academy-text: #0f172a;
  --ei-academy-muted: #64748b;
  --ei-academy-soft: rgba(15,23,42,.76);
  background: radial-gradient(circle at 82% 0%, rgba(37,99,235,.14), transparent 30%), linear-gradient(145deg, #ffffff, #f8fafc 58%, #eaf1ff) !important;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 22px 70px rgba(15,23,42,.10) !important;
}
.ei-academy-style-modern .ei-academy-main,
.ei-academy-style-light .ei-academy-main { box-shadow: 0 12px 36px rgba(15,23,42,.06); }

.ei-academy-style-dark {
  --ei-academy-accent: #60a5fa;
  --ei-academy-heading: #f8fafc;
  --ei-academy-accent-contrast: #04111f;
  --ei-academy-btn-bg: linear-gradient(135deg, #60a5fa, #38bdf8);
  --ei-academy-card: rgba(255,255,255,.07);
  --ei-academy-card-strong: rgba(255,255,255,.115);
  --ei-academy-line: rgba(255,255,255,.14);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: #a8b4c7;
  --ei-academy-soft: rgba(255,255,255,.78);
  background: radial-gradient(circle at top right, rgba(96,165,250,.22), transparent 32%), radial-gradient(circle at bottom left, rgba(56,189,248,.12), transparent 30%), linear-gradient(145deg, #020617, #0f172a 56%, #050816) !important;
  box-shadow: 0 30px 82px rgba(2,6,23,.42) !important;
}
.ei-academy-style-dark .ei-academy-main { box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }

.ei-academy-style-glass {
  --ei-academy-accent: #7dd3fc;
  --ei-academy-heading: #ffffff;
  --ei-academy-accent-contrast: #082f49;
  --ei-academy-btn-bg: linear-gradient(135deg, rgba(125,211,252,.95), rgba(192,132,252,.88));
  --ei-academy-card: rgba(255,255,255,.125);
  --ei-academy-card-strong: rgba(255,255,255,.18);
  --ei-academy-line: rgba(255,255,255,.28);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: rgba(226,232,240,.76);
  --ei-academy-soft: rgba(255,255,255,.84);
  background: radial-gradient(circle at 14% 0%, rgba(255,255,255,.30), transparent 30%), radial-gradient(circle at 92% 18%, rgba(125,211,252,.20), transparent 34%), linear-gradient(145deg, rgba(15,23,42,.82), rgba(30,41,59,.54)) !important;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(22px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
}
.ei-academy-style-glass .ei-academy-main,
.ei-academy-style-glass .ei-academy-side { box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 18px 46px rgba(0,0,0,.16); }

.ei-academy-style-rpg_gold {
  --ei-academy-accent: #f7c948;
  --ei-academy-heading: #ffe8a3;
  --ei-academy-accent-contrast: #2a1805;
  --ei-academy-btn-bg: linear-gradient(180deg, #ffe8a3, #d6a72e 58%, #8a5a13);
  --ei-academy-btn-shadow: rgba(247,201,72,.24);
  --ei-academy-card: rgba(64,39,13,.62);
  --ei-academy-card-strong: rgba(39,24,7,.78);
  --ei-academy-line: rgba(247,201,72,.42);
  --ei-academy-text: #fff7dc;
  --ei-academy-muted: #dec89a;
  --ei-academy-soft: #f5e4bc;
  --ei-academy-radius: 18px;
  position: relative;
  border: 2px solid rgba(247,201,72,.58) !important;
  background: radial-gradient(circle at 50% -12%, rgba(250,204,21,.25), transparent 36%), linear-gradient(180deg, #3b260b, #171006 70%, #080501) !important;
  box-shadow: 0 0 0 1px rgba(255,232,163,.24), 0 0 28px rgba(250,204,21,.18), 0 28px 72px rgba(29,18,5,.50) !important;
}
.ei-academy-style-rpg_gold::after { content:""; position:absolute; inset:9px; border:1px solid rgba(255,230,163,.30); border-radius:22px; pointer-events:none; box-shadow: inset 0 0 24px rgba(250,204,21,.08); }
.ei-academy-style-rpg_gold .ei-academy-locator h1,
.ei-academy-style-rpg_gold .ei-academy-content :is(h1,h2,h3,h4) { text-shadow: 0 2px 10px rgba(0,0,0,.42); }
.ei-academy-style-rpg_gold .ei-academy-main,
.ei-academy-style-rpg_gold .ei-academy-side { border-width: 2px; box-shadow: inset 0 0 0 1px rgba(255,232,163,.10); }

.ei-academy-style-parchment {
  --ei-academy-accent: #8b5e34;
  --ei-academy-heading: #3f260f;
  --ei-academy-accent-contrast: #fff7e3;
  --ei-academy-btn-bg: linear-gradient(180deg, #a56f38, #6f421c);
  --ei-academy-card: rgba(120,83,38,.075);
  --ei-academy-card-strong: rgba(255,250,232,.90);
  --ei-academy-line: rgba(116,77,30,.26);
  --ei-academy-text: #3b2510;
  --ei-academy-muted: #806142;
  --ei-academy-soft: #51381d;
  font-family: Georgia, "Noto Serif TC", serif;
  background: repeating-linear-gradient(0deg, rgba(116,77,30,.028) 0, rgba(116,77,30,.028) 1px, transparent 1px, transparent 9px), radial-gradient(circle at 10% 10%, rgba(150,105,50,.16), transparent 24%), linear-gradient(145deg, #fff5d3, #efd9a7 56%, #d6b06b) !important;
  border: 1px solid rgba(115,76,29,.34) !important;
  box-shadow: 0 18px 46px rgba(94,64,30,.22) !important;
}
.ei-academy-style-parchment .ei-academy-main { background: linear-gradient(180deg, rgba(255,255,255,.38), transparent), var(--ei-academy-card-strong); }
.ei-academy-style-parchment .ei-academy-btn { border-radius: 12px; }

.ei-academy-style-washi_ink {
  --ei-academy-accent: #1f4f5f;
  --ei-academy-heading: #111827;
  --ei-academy-accent-contrast: #f8fafc;
  --ei-academy-btn-bg: linear-gradient(135deg, #1f4f5f, #0f2f3a);
  --ei-academy-card: rgba(15,23,42,.045);
  --ei-academy-card-strong: rgba(250,250,246,.92);
  --ei-academy-line: rgba(25,35,45,.17);
  --ei-academy-text: #17201d;
  --ei-academy-muted: #64706c;
  --ei-academy-soft: #2d3935;
  position: relative;
  border-radius: 18px !important;
  background: radial-gradient(circle at 16% 18%, rgba(16,24,22,.13), transparent 16%), radial-gradient(circle at 88% 12%, rgba(31,79,95,.10), transparent 20%), linear-gradient(145deg, #fbfaf1, #ebe7d8) !important;
}
.ei-academy-style-washi_ink::after { content:""; position:absolute; right:7%; top:8%; width:150px; height:115px; border-radius:52% 48% 60% 40%; background:rgba(15,23,42,.055); filter:blur(2px); pointer-events:none; }
.ei-academy-style-washi_ink .ei-academy-locator h1 { letter-spacing: -.02em; }
.ei-academy-style-washi_ink .ei-academy-main { border-radius: 16px; }

.ei-academy-style-pixel {
  --ei-academy-accent: #6ee7b7;
  --ei-academy-heading: #ecfeff;
  --ei-academy-accent-contrast: #052e2b;
  --ei-academy-btn-bg: #6ee7b7;
  --ei-academy-card: rgba(14,20,48,.86);
  --ei-academy-card-strong: rgba(25,35,78,.96);
  --ei-academy-line: rgba(110,231,183,.56);
  --ei-academy-text: #e0f2fe;
  --ei-academy-muted: #93c5fd;
  --ei-academy-soft: #dbeafe;
  --ei-academy-radius: 6px;
  font-family: "Courier New", ui-monospace, monospace;
  border-radius: 6px !important;
  image-rendering: pixelated;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 12px), repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 12px), linear-gradient(135deg, #082f49, #0f172a 55%, #1e1b4b) !important;
  box-shadow: 0 0 0 4px rgba(110,231,183,.30), 0 22px 60px rgba(2,6,23,.40) !important;
}
.ei-academy-style-pixel :is(.ei-academy-main,.ei-academy-side,.ei-academy-locked,.ei-academy-btn,.ei-academy-mini-panel,.ei-academy-top-progress) { border-radius: 6px !important; }
.ei-academy-style-pixel .ei-academy-btn { box-shadow: 4px 4px 0 rgba(0,0,0,.35) !important; }

.ei-academy-style-dark_neon {
  --ei-academy-accent: #22d3ee;
  --ei-academy-heading: #ecfeff;
  --ei-academy-accent-contrast: #03131a;
  --ei-academy-btn-bg: linear-gradient(135deg, #22d3ee, #a855f7);
  --ei-academy-card: rgba(8,13,28,.78);
  --ei-academy-card-strong: rgba(12,18,38,.90);
  --ei-academy-line: rgba(34,211,238,.36);
  --ei-academy-text: #ecfeff;
  --ei-academy-muted: #8bd7e5;
  --ei-academy-soft: #c8f7ff;
  border: 1px solid rgba(34,211,238,.30) !important;
  background: radial-gradient(circle at top right, rgba(34,211,238,.24), transparent 30%), radial-gradient(circle at bottom left, rgba(168,85,247,.22), transparent 32%), linear-gradient(145deg, #020617, #071426) !important;
  box-shadow: 0 0 0 1px rgba(34,211,238,.18), 0 0 34px rgba(34,211,238,.16), 0 28px 80px rgba(0,0,0,.36) !important;
}
.ei-academy-style-dark_neon .ei-academy-main,
.ei-academy-style-dark_neon .ei-academy-side { box-shadow: 0 0 18px rgba(34,211,238,.08); }
.ei-academy-style-dark_neon .ei-academy-locator h1 { text-shadow: 0 0 18px rgba(34,211,238,.35); }

.ei-academy-style-cyberpunk {
  --ei-academy-accent: #faff00;
  --ei-academy-heading: #faff00;
  --ei-academy-accent-contrast: #111111;
  --ei-academy-btn-bg: linear-gradient(90deg, #faff00, #00f6ff);
  --ei-academy-card: rgba(16,16,27,.80);
  --ei-academy-card-strong: rgba(25,22,42,.92);
  --ei-academy-line: rgba(250,255,0,.36);
  --ei-academy-text: #fffce1;
  --ei-academy-muted: #f6c3ff;
  --ei-academy-soft: #f7f2cf;
  border: 1px solid rgba(250,255,0,.40) !important;
  background: repeating-linear-gradient(115deg, rgba(250,255,0,.12) 0 8px, transparent 8px 22px), linear-gradient(135deg, rgba(236,72,153,.30), transparent 24%), radial-gradient(circle at 82% 0%, rgba(250,255,0,.20), transparent 28%), linear-gradient(145deg, #1b1024, #080414 54%, #1a1030) !important;
  box-shadow: 0 0 0 1px rgba(0,246,255,.18), 0 0 26px rgba(236,72,153,.22), 0 28px 72px rgba(0,0,0,.42) !important;
}
.ei-academy-style-cyberpunk .ei-academy-locator h1 { text-shadow: 3px 0 #ff0099, -2px 0 #00f6ff; }
.ei-academy-style-cyberpunk .ei-academy-main { border-left: 4px solid #ff0099; }

.ei-academy-style-steampunk {
  --ei-academy-accent: #d08a3f;
  --ei-academy-heading: #ffd7a3;
  --ei-academy-accent-contrast: #281306;
  --ei-academy-btn-bg: linear-gradient(180deg, #e7b16c, #9a5b25 62%, #5b2f12);
  --ei-academy-card: rgba(58,36,21,.64);
  --ei-academy-card-strong: rgba(37,23,14,.82);
  --ei-academy-line: rgba(208,138,63,.38);
  --ei-academy-text: #fff1d6;
  --ei-academy-muted: #d4b28a;
  --ei-academy-soft: #f2d4aa;
  border: 2px solid rgba(208,138,63,.42) !important;
  background: radial-gradient(circle at 82% 16%, rgba(208,138,63,.25), transparent 22%), repeating-linear-gradient(45deg, rgba(255,255,255,.024) 0, rgba(255,255,255,.024) 2px, transparent 2px, transparent 8px), linear-gradient(145deg, #2a180d, #4b2f1a 58%, #180d07) !important;
  box-shadow: 0 22px 58px rgba(36,23,15,.46), inset 0 0 0 1px rgba(255,200,120,.10) !important;
}
.ei-academy-style-steampunk .ei-academy-main,
.ei-academy-style-steampunk .ei-academy-side { box-shadow: inset 0 1px 0 rgba(255,220,160,.16); }
.ei-academy-style-steampunk .ei-academy-btn { border-radius: 10px; }

.ei-academy-style-cute_pink {
  --ei-academy-accent: #f472b6;
  --ei-academy-heading: #7c2554;
  --ei-academy-accent-contrast: #ffffff;
  --ei-academy-btn-bg: linear-gradient(135deg, #f472b6, #fb7185);
  --ei-academy-card: rgba(244,114,182,.10);
  --ei-academy-card-strong: rgba(255,255,255,.94);
  --ei-academy-line: rgba(244,114,182,.24);
  --ei-academy-text: #4a1730;
  --ei-academy-muted: #8f5272;
  --ei-academy-soft: #5f2942;
  --ei-academy-radius: 30px;
  background: radial-gradient(circle at 16% 0%, rgba(255,255,255,.82), transparent 24%), radial-gradient(circle at 82% 18%, rgba(251,113,133,.20), transparent 22%), linear-gradient(145deg, #fff1f6, #ffd7e8 58%, #fbcfe8) !important;
  box-shadow: 0 18px 46px rgba(244,114,182,.18) !important;
}
.ei-academy-style-cute_pink .ei-academy-main,
.ei-academy-style-cute_pink .ei-academy-side { border-radius: 28px; }
.ei-academy-style-cute_pink .ei-academy-btn { border-radius: 20px; }

.ei-academy-style-chinese_red_gold {
  --ei-academy-accent: #f8c85d;
  --ei-academy-heading: #ffe4a3;
  --ei-academy-accent-contrast: #4b080d;
  --ei-academy-btn-bg: linear-gradient(180deg, #ffe4a3, #f8c85d 58%, #b7791f);
  --ei-academy-card: rgba(83,13,18,.54);
  --ei-academy-card-strong: rgba(113,18,25,.74);
  --ei-academy-line: rgba(248,200,93,.40);
  --ei-academy-text: #fff7db;
  --ei-academy-muted: #f1cfa3;
  --ei-academy-soft: #ffecc2;
  position: relative;
  border: 2px solid rgba(248,200,93,.48) !important;
  background: radial-gradient(circle at top right, rgba(248,200,93,.22), transparent 28%), linear-gradient(145deg, #4b080d, #8f1720 54%, #3d0509) !important;
  box-shadow: 0 22px 62px rgba(43,7,7,.46), inset 0 0 0 1px rgba(255,230,160,.12) !important;
}
.ei-academy-style-chinese_red_gold::after { content:""; position:absolute; inset:10px; border:1px solid rgba(255,214,126,.22); border-radius:20px; pointer-events:none; }
.ei-academy-style-chinese_red_gold .ei-academy-locator h1 { text-shadow: 0 2px 10px rgba(0,0,0,.35); }

.ei-academy-style-nasapunk {
  --ei-academy-accent: #93c5fd;
  --ei-academy-heading: #f8fafc;
  --ei-academy-accent-contrast: #071423;
  --ei-academy-btn-bg: linear-gradient(135deg, #f8fafc, #93c5fd 60%, #60a5fa);
  --ei-academy-card: rgba(226,232,240,.085);
  --ei-academy-card-strong: rgba(5,14,27,.74);
  --ei-academy-line: rgba(147,197,253,.28);
  --ei-academy-text: #f8fafc;
  --ei-academy-muted: #b9c7da;
  --ei-academy-soft: #e2e8f0;
  background: radial-gradient(circle at 20% 18%, rgba(255,255,255,.32) 0 1px, transparent 2px), radial-gradient(circle at 70% 32%, rgba(255,255,255,.20) 0 1px, transparent 2px), radial-gradient(circle at 50% -20%, rgba(255,255,255,.22), transparent 28%), radial-gradient(circle at 80% 12%, rgba(59,130,246,.18), transparent 24%), linear-gradient(145deg, #071423, #0b1d33 54%, #050e1b) !important;
  box-shadow: 0 24px 70px rgba(2,6,23,.44), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.ei-academy-style-nasapunk .ei-academy-main { border-top: 3px solid rgba(147,197,253,.42); }

.ei-academy-style-dark .ei-academy-content :is(p,li),
.ei-academy-style-glass .ei-academy-content :is(p,li),
.ei-academy-style-rpg_gold .ei-academy-content :is(p,li),
.ei-academy-style-pixel .ei-academy-content :is(p,li),
.ei-academy-style-dark_neon .ei-academy-content :is(p,li),
.ei-academy-style-cyberpunk .ei-academy-content :is(p,li),
.ei-academy-style-steampunk .ei-academy-content :is(p,li),
.ei-academy-style-chinese_red_gold .ei-academy-content :is(p,li),
.ei-academy-style-nasapunk .ei-academy-content :is(p,li) {
  color: var(--ei-academy-soft) !important;
}
.ei-academy-style-modern .ei-academy-content :is(p,li),
.ei-academy-style-light .ei-academy-content :is(p,li),
.ei-academy-style-parchment .ei-academy-content :is(p,li),
.ei-academy-style-washi_ink .ei-academy-content :is(p,li),
.ei-academy-style-cute_pink .ei-academy-content :is(p,li) {
  color: var(--ei-academy-soft) !important;
}

/* v0.1.26 — EI canonical style system (23 universal styles). */
.ei-academy-style-basic {
  --ei-academy-accent:#2563eb; --ei-academy-bg:#f8fafc; --ei-academy-card:#fff; --ei-academy-card-strong:#fff;
  --ei-academy-line:#dbe3ef; --ei-academy-text:#172033; --ei-academy-muted:#64748b; --ei-academy-soft:#334155; --ei-academy-radius:18px;
  background:linear-gradient(180deg,#fff,#f5f7fb); box-shadow:0 18px 48px rgba(15,23,42,.09);
}
.ei-academy-style-minimal {
  --ei-academy-accent:#111827; --ei-academy-bg:#fff; --ei-academy-card:#fafafa; --ei-academy-card-strong:#fff;
  --ei-academy-line:#e5e7eb; --ei-academy-text:#111827; --ei-academy-muted:#6b7280; --ei-academy-soft:#374151; --ei-academy-radius:14px;
  background:#fff; box-shadow:0 10px 30px rgba(17,24,39,.06);
}
.ei-academy-style-glass {
  --ei-academy-accent:#7dd3fc; --ei-academy-bg:#0f172a; --ei-academy-card:rgba(255,255,255,.09); --ei-academy-card-strong:rgba(255,255,255,.13);
  --ei-academy-line:rgba(255,255,255,.19); --ei-academy-text:#f8fafc; --ei-academy-muted:#cbd5e1; --ei-academy-soft:#e2e8f0; --ei-academy-radius:24px;
  background:radial-gradient(circle at 15% 0,rgba(56,189,248,.28),transparent 32%),linear-gradient(145deg,rgba(15,23,42,.88),rgba(30,41,59,.72));
  backdrop-filter:blur(22px); box-shadow:inset 0 1px rgba(255,255,255,.16),0 24px 64px rgba(2,6,23,.35);
}
.ei-academy-style-rpg {
  --ei-academy-accent:#f6d36b; --ei-academy-bg:#17120d; --ei-academy-card:#251d14; --ei-academy-card-strong:#302316;
  --ei-academy-line:#8c6a2d; --ei-academy-text:#fff3ce; --ei-academy-muted:#d7c18f; --ei-academy-soft:#f3e4bc; --ei-academy-radius:16px;
  background:radial-gradient(circle at top,#4a351d,transparent 38%),linear-gradient(145deg,#120e0a,#271b10); border:2px solid #b88a36;
  box-shadow:inset 0 0 0 4px #3c2a16,inset 0 0 0 6px rgba(246,211,107,.35),0 24px 64px rgba(0,0,0,.38);
}
.ei-academy-style-classic_wood {
  --ei-academy-accent:#f1c27d; --ei-academy-bg:#27170f; --ei-academy-card:#3a2418; --ei-academy-card-strong:#4b2d1d;
  --ei-academy-line:#8c5d3a; --ei-academy-text:#fff4de; --ei-academy-muted:#d9bea2; --ei-academy-soft:#f0dcc7; --ei-academy-radius:12px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px),linear-gradient(145deg,#24140c,#57331f); border:3px solid #6f4329;
  box-shadow:inset 0 0 0 2px #be8752,0 22px 54px rgba(34,17,8,.4);
}
.ei-academy-style-parchment {
  --ei-academy-accent:#8a4b20; --ei-academy-bg:#efe1bd; --ei-academy-card:rgba(255,250,232,.72); --ei-academy-card-strong:#fbf0ce;
  --ei-academy-line:#b6945d; --ei-academy-text:#422b19; --ei-academy-muted:#80654c; --ei-academy-soft:#5e422b; --ei-academy-radius:10px;
  background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.5),transparent 28%),linear-gradient(145deg,#f6e8bd,#dcc18b); border:1px solid #a8834b;
  box-shadow:inset 0 0 42px rgba(101,70,33,.12),0 20px 50px rgba(73,47,19,.2);
}
.ei-academy-style-dark {
  --ei-academy-accent:#a78bfa; --ei-academy-bg:#090b10; --ei-academy-card:#121620; --ei-academy-card-strong:#171c27;
  --ei-academy-line:#2c3443; --ei-academy-text:#f8fafc; --ei-academy-muted:#94a3b8; --ei-academy-soft:#d1d5db; --ei-academy-radius:22px;
  background:linear-gradient(145deg,#07090d,#111827); box-shadow:0 28px 70px rgba(0,0,0,.46);
}
.ei-academy-style-chinese {
  --ei-academy-accent:#f4cf72; --ei-academy-bg:#4a0b10; --ei-academy-card:#64131a; --ei-academy-card-strong:#791b23;
  --ei-academy-line:#c28c3e; --ei-academy-text:#fff3d2; --ei-academy-muted:#e2bd91; --ei-academy-soft:#ffe7bd; --ei-academy-radius:8px;
  background:radial-gradient(circle at top,rgba(255,211,105,.18),transparent 28%),linear-gradient(145deg,#36070c,#75131c); border:2px solid #b77d2e;
  box-shadow:inset 0 0 0 4px rgba(255,214,126,.12),0 25px 65px rgba(61,3,10,.42);
}
.ei-academy-style-japanese {
  --ei-academy-accent:#9f1239; --ei-academy-bg:#eee9dd; --ei-academy-card:rgba(255,255,252,.72); --ei-academy-card-strong:#faf7ef;
  --ei-academy-line:#bcb4a4; --ei-academy-text:#23201b; --ei-academy-muted:#6f685d; --ei-academy-soft:#403a32; --ei-academy-radius:6px;
  background:linear-gradient(90deg,rgba(0,0,0,.018) 1px,transparent 1px),linear-gradient(#f7f3e8,#e7dfd0); background-size:9px 9px,auto;
  border-top:5px solid #9f1239; box-shadow:0 18px 44px rgba(49,43,34,.15);
}
.ei-academy-style-ink {
  --ei-academy-accent:#111827; --ei-academy-bg:#e9e9e5; --ei-academy-card:rgba(255,255,255,.62); --ei-academy-card-strong:#f5f5f1;
  --ei-academy-line:#999b98; --ei-academy-text:#161817; --ei-academy-muted:#626662; --ei-academy-soft:#303431; --ei-academy-radius:2px;
  background:radial-gradient(ellipse at 85% 10%,rgba(17,24,39,.08),transparent 28%),linear-gradient(145deg,#fafaf7,#deded8); box-shadow:0 18px 42px rgba(0,0,0,.13);
}
.ei-academy-style-pixel {
  --ei-academy-accent:#facc15; --ei-academy-bg:#111827; --ei-academy-card:#1f2937; --ei-academy-card-strong:#263246;
  --ei-academy-line:#f8fafc; --ei-academy-text:#fff; --ei-academy-muted:#bfdbfe; --ei-academy-soft:#e5e7eb; --ei-academy-radius:0px;
  background:linear-gradient(135deg,#0f172a 25%,#172554 25% 50%,#0f172a 50% 75%,#172554 75%); background-size:16px 16px;
  border:4px solid #fff; box-shadow:8px 8px 0 #020617; image-rendering:pixelated;
}
.ei-academy-style-windows95 {
  --ei-academy-accent:#000080; --ei-academy-bg:#c0c0c0; --ei-academy-card:#d7d7d7; --ei-academy-card-strong:#ececec;
  --ei-academy-line:#808080; --ei-academy-text:#000; --ei-academy-muted:#454545; --ei-academy-soft:#111; --ei-academy-radius:0px;
  background:#c0c0c0; border:3px solid; border-color:#fff #404040 #404040 #fff; box-shadow:4px 4px 0 #000;
  font-family:"MS Sans Serif",Tahoma,sans-serif;
}
.ei-academy-style-windows {
  --ei-academy-accent:#0067c0; --ei-academy-bg:#f3f6fb; --ei-academy-card:rgba(255,255,255,.76); --ei-academy-card-strong:rgba(255,255,255,.92);
  --ei-academy-line:#d4dce8; --ei-academy-text:#1f1f1f; --ei-academy-muted:#667085; --ei-academy-soft:#374151; --ei-academy-radius:12px;
  background:radial-gradient(circle at top right,#dbeafe,transparent 35%),linear-gradient(145deg,#f9fbff,#eaf0f8); box-shadow:0 20px 52px rgba(23,42,72,.16);
}
.ei-academy-style-mac {
  --ei-academy-accent:#0a84ff; --ei-academy-bg:#edf1f7; --ei-academy-card:rgba(255,255,255,.58); --ei-academy-card-strong:rgba(255,255,255,.78);
  --ei-academy-line:rgba(60,60,67,.18); --ei-academy-text:#1c1c1e; --ei-academy-muted:#6e6e73; --ei-academy-soft:#3a3a3c; --ei-academy-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(224,232,244,.78)); backdrop-filter:blur(30px) saturate(150%);
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 24px 60px rgba(54,72,102,.2);
}
.ei-academy-style-cyberpunk {
  --ei-academy-accent:#00f6ff; --ei-academy-bg:#090414; --ei-academy-card:#140b25; --ei-academy-card-strong:#1d1033;
  --ei-academy-line:#ff2fb9; --ei-academy-text:#f8f6ff; --ei-academy-muted:#b9a8d8; --ei-academy-soft:#e7def7; --ei-academy-radius:4px;
  background:linear-gradient(115deg,rgba(255,0,153,.12),transparent 40%),repeating-linear-gradient(0deg,rgba(0,246,255,.025) 0 1px,transparent 1px 5px),#080312;
  border:1px solid #ff2fb9; box-shadow:0 0 28px rgba(0,246,255,.18),inset 0 0 24px rgba(255,0,153,.06);
}
.ei-academy-style-nasapunk {
  --ei-academy-accent:#93c5fd; --ei-academy-bg:#071221; --ei-academy-card:#10223a; --ei-academy-card-strong:#152b48;
  --ei-academy-line:#365578; --ei-academy-text:#edf6ff; --ei-academy-muted:#9fb7d1; --ei-academy-soft:#d4e5f5; --ei-academy-radius:10px;
  background:radial-gradient(circle at 90% 5%,rgba(147,197,253,.18),transparent 24%),linear-gradient(145deg,#06101d,#10253d); border-top:4px solid #dbeafe;
  box-shadow:0 25px 65px rgba(1,8,18,.45);
}
.ei-academy-style-steampunk {
  --ei-academy-accent:#e0a85b; --ei-academy-bg:#22150e; --ei-academy-card:#382419; --ei-academy-card-strong:#463024;
  --ei-academy-line:#9e6a3d; --ei-academy-text:#f8ead3; --ei-academy-muted:#cbb69d; --ei-academy-soft:#ead8c0; --ei-academy-radius:10px;
  background:radial-gradient(circle at 85% 15%,rgba(224,168,91,.13),transparent 25%),linear-gradient(145deg,#1e130d,#4a2d1c); border:2px solid #81512f;
  box-shadow:inset 0 0 0 2px rgba(241,194,125,.12),0 22px 58px rgba(30,14,6,.4);
}
.ei-academy-style-terminal {
  --ei-academy-accent:#5cff8d; --ei-academy-bg:#020804; --ei-academy-card:#06110a; --ei-academy-card-strong:#09170d;
  --ei-academy-line:#1c6333; --ei-academy-text:#b8ffca; --ei-academy-muted:#68bd7d; --ei-academy-soft:#94e7aa; --ei-academy-radius:2px;
  background:repeating-linear-gradient(0deg,rgba(92,255,141,.025) 0 1px,transparent 1px 4px),#020704; border:1px solid #2d9a50;
  box-shadow:inset 0 0 35px rgba(44,255,101,.05),0 0 24px rgba(44,255,101,.08); font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.ei-academy-style-arcane {
  --ei-academy-accent:#c4b5fd; --ei-academy-bg:#120b27; --ei-academy-card:#211440; --ei-academy-card-strong:#2a1952;
  --ei-academy-line:#7c5cc9; --ei-academy-text:#f6f0ff; --ei-academy-muted:#b9a7d8; --ei-academy-soft:#e9ddff; --ei-academy-radius:26px;
  background:radial-gradient(circle at 50% 0,rgba(196,181,253,.22),transparent 35%),linear-gradient(145deg,#0f0822,#28144d); border:1px solid #8066c3;
  box-shadow:0 0 42px rgba(139,92,246,.18),inset 0 0 30px rgba(196,181,253,.05);
}
.ei-academy-style-wabisabi {
  --ei-academy-accent:#7c6f5b; --ei-academy-bg:#e9e3d8; --ei-academy-card:#f2eee6; --ei-academy-card-strong:#f7f4ee;
  --ei-academy-line:#b9ae9e; --ei-academy-text:#38332d; --ei-academy-muted:#7b7368; --ei-academy-soft:#514a42; --ei-academy-radius:5px;
  background:linear-gradient(145deg,#f0ebe2,#ddd4c7); box-shadow:0 14px 36px rgba(62,52,41,.12);
}
.ei-academy-style-cute {
  --ei-academy-accent:#db2777; --ei-academy-bg:#fff1f7; --ei-academy-card:#fff8fc; --ei-academy-card-strong:#fff;
  --ei-academy-line:#f5b6d0; --ei-academy-text:#4a1931; --ei-academy-muted:#9b5b78; --ei-academy-soft:#71324f; --ei-academy-radius:28px;
  background:radial-gradient(circle at 10% 0,#ffe4f0,transparent 35%),linear-gradient(145deg,#fff7fb,#fde7f1); box-shadow:0 22px 58px rgba(190,24,93,.14);
}
.ei-academy-style-western {
  --ei-academy-accent:#8b5e34; --ei-academy-bg:#e8ddca; --ei-academy-card:#f5ecdc; --ei-academy-card-strong:#fff7e9;
  --ei-academy-line:#a88a64; --ei-academy-text:#382719; --ei-academy-muted:#78624e; --ei-academy-soft:#584330; --ei-academy-radius:8px;
  background:linear-gradient(145deg,#f2e8d5,#d8c3a5); border:2px solid #8b6844; box-shadow:inset 0 0 0 4px rgba(255,255,255,.28),0 22px 50px rgba(70,45,22,.22);
}
.ei-academy-style-dq {
  --ei-academy-accent:#ffe35c; --ei-academy-bg:#061e64; --ei-academy-card:#0b2f91; --ei-academy-card-strong:#103aa6;
  --ei-academy-line:#fff; --ei-academy-text:#fff; --ei-academy-muted:#c6d9ff; --ei-academy-soft:#eef4ff; --ei-academy-radius:8px;
  background:linear-gradient(180deg,#0b3bb2,#061b5a); border:4px solid #fff; box-shadow:inset 0 0 0 4px #1d4ed8,0 8px 0 #020d35,0 24px 52px rgba(0,13,53,.35);
}

/* Ensure theme-controlled text remains readable even when site themes inject typography colors. */
.ei-academy[class*="ei-academy-style-"] :is(h1,h2,h3,h4,h5,h6,strong,b),
.ei-academy-library[class*="ei-academy-style-"] :is(h1,h2,h3,h4,strong,b) { color:var(--ei-academy-text) !important; }
.ei-academy[class*="ei-academy-style-"] :is(p,li,small,em),
.ei-academy-library[class*="ei-academy-style-"] :is(p,li,small,em) { color:var(--ei-academy-soft); }
.ei-academy[class*="ei-academy-style-"] .ei-academy-btn,
.ei-academy-library[class*="ei-academy-style-"] .ei-academy-library-item { color:var(--ei-academy-text); border-color:var(--ei-academy-line); }

/* Strong style-specific structural language. */
.ei-academy-style-pixel :is(.ei-academy-main,.ei-academy-side,.ei-academy-locked,.ei-academy-btn,.ei-academy-mini-panel,.ei-academy-top-progress,.ei-academy-library-item),
.ei-academy-style-windows95 :is(.ei-academy-main,.ei-academy-side,.ei-academy-locked,.ei-academy-btn,.ei-academy-mini-panel,.ei-academy-top-progress,.ei-academy-library-item),
.ei-academy-style-terminal :is(.ei-academy-main,.ei-academy-side,.ei-academy-locked,.ei-academy-btn,.ei-academy-mini-panel,.ei-academy-top-progress,.ei-academy-library-item) { border-radius:var(--ei-academy-radius) !important; }
.ei-academy-style-pixel .ei-academy-btn { box-shadow:4px 4px 0 #020617; }
.ei-academy-style-windows95 .ei-academy-btn { border:2px solid; border-color:#fff #404040 #404040 #fff; background:#c0c0c0; color:#000 !important; box-shadow:none; }
.ei-academy-style-dq .ei-academy-main,
.ei-academy-style-dq .ei-academy-side { border-width:3px; box-shadow:inset 0 0 0 3px #1e40af; }
.ei-academy-style-cyberpunk .ei-academy-main { border-left:4px solid #ff2fb9; }
.ei-academy-style-terminal .ei-academy-locator h1 { text-shadow:0 0 12px rgba(92,255,141,.4); }
.ei-academy-style-arcane .ei-academy-locator h1 { text-shadow:0 0 20px rgba(196,181,253,.45); }

/* v0.1.28 child-page access lock */
.ei-academy-page-nav.locked,
.ei-academy-page-nav[disabled]{opacity:.62;cursor:not-allowed;filter:saturate(.55)}
.ei-academy-page-nav.locked:hover,
.ei-academy-page-nav[disabled]:hover{transform:none;box-shadow:none}
.ei-academy-page-panel.is-locked .ei-academy-page-locked-panel{display:flex}
.ei-academy-page-locked-panel{min-height:260px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:34px;border:1px dashed rgba(148,163,184,.5);border-radius:18px;background:rgba(15,23,42,.28)}
.ei-academy-page-locked-panel>span{font-size:34px;line-height:1}
.ei-academy-page-locked-panel>strong{font-size:18px}
.ei-academy-page-locked-panel>p{margin:0;max-width:560px;opacity:.8}

/* v0.1.29: Stamp-paid child-page unlock */
.ei-academy-page-nav.locked[data-stamp-unlock="1"]{cursor:pointer;opacity:.8}
.ei-academy-page-nav.locked[data-stamp-unlock="1"]:hover{transform:translateY(-1px);filter:none;opacity:1}
.ei-academy-stamp-unlock-front{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:8px}
.ei-academy-stamp-unlock-front>span{font-size:13px;opacity:.82}
.ei-academy-stamp-unlock-front>small{font-size:12px;opacity:.72}
.ei-academy-stamp-unlock{appearance:none;border:1px solid currentColor;border-radius:999px;padding:10px 18px;background:var(--ei-academy-accent,#705cf6);color:#fff;font-weight:800;cursor:pointer}
.ei-academy-stamp-unlock:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.ei-academy-stamp-unlock:disabled{opacity:.45;cursor:not-allowed}
.ei-academy-decision-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.68);backdrop-filter:blur(5px)}
.ei-academy-decision-card{width:min(420px,100%);box-sizing:border-box;padding:24px;border:1px solid rgba(148,163,184,.32);border-radius:20px;background:#0f172a;color:#f8fafc;box-shadow:0 24px 70px rgba(0,0,0,.36);text-align:center}
.ei-academy-decision-card>strong{display:block;font-size:19px}
.ei-academy-decision-card>p{margin:12px 0 20px;color:#cbd5e1;line-height:1.65}
.ei-academy-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ei-academy-decision-actions button{appearance:none;border:1px solid rgba(148,163,184,.34);border-radius:12px;padding:11px 14px;background:#1e293b;color:#fff;font-weight:800;cursor:pointer}
.ei-academy-decision-actions button[data-choice="yes"]{background:var(--ei-academy-accent,#705cf6);border-color:transparent}