/* AI textbook internal workspace
   Homepage tile-preview and route logic remain separate. This layer only gives
   rendered internal views a calm, readable operating surface. */
:root {
  --aiw-ink: #172033;
  --aiw-muted: #667085;
  --aiw-line: #dfe4ea;
  --aiw-soft: #f5f8f8;
  --aiw-panel: #ffffff;
  --aiw-teal: #087f72;
  --aiw-blue: #1457d9;
  --aiw-gold: #b7791f;
}

html[data-ev-route]:not([data-ev-route="home"]) body.onae-themed {
  background: #f7f9fa !important;
  color: var(--aiw-ink) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid var(--aiw-line) !important;
  box-shadow: 0 1px 0 rgba(23,32,51,.02) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .logo-text,
html[data-ev-route]:not([data-ev-route="home"]) .main-nav a,
html[data-ev-route]:not([data-ev-route="home"]) .theme-switcher-btn,
html[data-ev-route]:not([data-ev-route="home"]) .lang-switcher-btn {
  color: var(--aiw-ink) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .main-nav a:hover,
html[data-ev-route]:not([data-ev-route="home"]) .main-nav a.active,
html[data-ev-route]:not([data-ev-route="home"]) .main-nav a.is-active {
  color: var(--aiw-teal) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .logo-mark {
  background: var(--aiw-teal) !important;
  color: #fff !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .site-header::after,
html[data-ev-route]:not([data-ev-route="home"]) #aiParticles,
html[data-ev-route]:not([data-ev-route="home"]) .hero-bg,
html[data-ev-route]:not([data-ev-route="home"]) .hero-orb,
html[data-ev-route]:not([data-ev-route="home"]) .onae-dock,
html[data-ev-route]:not([data-ev-route="home"]) #onaeDock,
html[data-ev-route]:not([data-ev-route="home"]) .theme-dock,
html[data-ev-route]:not([data-ev-route="home"]) .display-dock {
  display: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .app-main {
  max-width: 1180px !important;
  padding-top: 34px !important;
  padding-bottom: 64px !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .app-main > .section,
html[data-ev-route]:not([data-ev-route="home"]) .app-main > .section-block,
html[data-ev-route]:not([data-ev-route="home"]) .app-main > .chapter-reader,
html[data-ev-route]:not([data-ev-route="home"]) .app-main > .quiz-shell {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .section-head,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-reader-head,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-header,
html[data-ev-route]:not([data-ev-route="home"]) .resources-head {
  max-width: 860px;
  margin: 0 0 22px;
}

html[data-ev-route]:not([data-ev-route="home"]) .section-head h2,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-reader-head h1,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-header h1,
html[data-ev-route]:not([data-ev-route="home"]) .resources-head h1 {
  color: var(--aiw-ink) !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .section-head h2 {
  font-size: clamp(1.35rem, 2.4vw, 1.9rem) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .section-sub,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-intro,
html[data-ev-route]:not([data-ev-route="home"]) .section-head p,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-header p,
html[data-ev-route]:not([data-ev-route="home"]) .resources-head p {
  color: var(--aiw-muted) !important;
  line-height: 1.7 !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .card-grid,
html[data-ev-route]:not([data-ev-route="home"]) .activity-grid,
html[data-ev-route]:not([data-ev-route="home"]) .trust-audience-grid,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-audience-grid {
  gap: 14px !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .book-card,
html[data-ev-route]:not([data-ev-route="home"]) .activity-card,
html[data-ev-route]:not([data-ev-route="home"]) .section-block,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-block,
html[data-ev-route]:not([data-ev-route="home"]) .prompt-box,
html[data-ev-route]:not([data-ev-route="home"]) .tip-box,
html[data-ev-route]:not([data-ev-route="home"]) .mission-box,
html[data-ev-route]:not([data-ev-route="home"]) .checklist-box,
html[data-ev-route]:not([data-ev-route="home"]) .sources-box,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-reader,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-question,
html[data-ev-route]:not([data-ev-route="home"]) .resources-shell {
  background: var(--aiw-panel) !important;
  border: 1px solid var(--aiw-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .book-card,
html[data-ev-route]:not([data-ev-route="home"]) .activity-card {
  overflow: hidden;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

html[data-ev-route]:not([data-ev-route="home"]) .book-card:hover,
html[data-ev-route]:not([data-ev-route="home"]) .activity-card:hover {
  border-color: var(--aiw-teal) !important;
  box-shadow: 0 10px 24px rgba(23,32,51,.08) !important;
  transform: translateY(-2px);
}

html[data-ev-route]:not([data-ev-route="home"]) .book-card-title,
html[data-ev-route]:not([data-ev-route="home"]) .activity-card h4,
html[data-ev-route]:not([data-ev-route="home"]) .section-block-head h3,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-block h3 {
  color: var(--aiw-ink) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .book-card-audience,
html[data-ev-route]:not([data-ev-route="home"]) .book-card-foot,
html[data-ev-route]:not([data-ev-route="home"]) .activity-card p,
html[data-ev-route]:not([data-ev-route="home"]) .section-block-body,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-block p,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-block li {
  color: var(--aiw-muted) !important;
  line-height: 1.7 !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .book-cover-wrap,
html[data-ev-route]:not([data-ev-route="home"]) .book-art-banner,
html[data-ev-route]:not([data-ev-route="home"]) .chapter-reader-art {
  background: #eef7f5 !important;
  border-bottom: 1px solid var(--aiw-line) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .tabs,
html[data-ev-route]:not([data-ev-route="home"]) .resources-tabs,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-progress {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border-bottom: 1px solid var(--aiw-line);
  padding-bottom: 8px;
  margin-bottom: 22px;
}

html[data-ev-route]:not([data-ev-route="home"]) .tab-btn,
html[data-ev-route]:not([data-ev-route="home"]) .quiz-option-btn,
html[data-ev-route]:not([data-ev-route="home"]) .accordion-header {
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .tab-btn.active {
  color: var(--aiw-teal) !important;
  border-color: var(--aiw-teal) !important;
  background: #eef7f5 !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .btn-primary,
html[data-ev-route]:not([data-ev-route="home"]) .btn-solid {
  background: var(--aiw-blue) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .btn-outline,
html[data-ev-route]:not([data-ev-route="home"]) .btn-ghost {
  border-radius: 6px !important;
  border-color: #98a2b3 !important;
  color: var(--aiw-ink) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .gate-box,
html[data-ev-route]:not([data-ev-route="home"]) .lock-overlay {
  background: #f8fafb !important;
  border: 1px solid #cbd5e1 !important;
  color: var(--aiw-ink) !important;
  box-shadow: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .gate-box h3,
html[data-ev-route]:not([data-ev-route="home"]) .gate-box p {
  color: var(--aiw-ink) !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .gallery-item {
  border: 1px solid var(--aiw-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-ev-route]:not([data-ev-route="home"]) .gallery-item:hover {
  border-color: var(--aiw-teal) !important;
  transform: none !important;
}

#cs-faq-fab { display: none !important; }

@media (max-width: 720px) {
  html[data-ev-route]:not([data-ev-route="home"]) .app-main {
    padding: 22px 14px 48px !important;
  }

  html[data-ev-route]:not([data-ev-route="home"]) .section-head,
  html[data-ev-route]:not([data-ev-route="home"]) .chapter-reader-head,
  html[data-ev-route]:not([data-ev-route="home"]) .quiz-header,
  html[data-ev-route]:not([data-ev-route="home"]) .resources-head {
    margin-bottom: 16px;
  }

  html[data-ev-route]:not([data-ev-route="home"]) .section-head h2,
  html[data-ev-route]:not([data-ev-route="home"]) .chapter-reader-head h1 {
    font-size: 1.35rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-ev-route]:not([data-ev-route="home"]) * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}