/* University Proficiency theme layer. Scoped to Proficiency only. */

/* ---------- SPA selection and challenge pages ---------- */
body.max-category-proficiency.max-category-selection-mode #view-versions,
body.max-category-proficiency.max-category-selection-mode .versions-wrap{
  background:var(--max-bg)!important;
  color:var(--max-text)!important;
}
body.max-category-proficiency.max-category-selection-mode #view-versions{
  min-height:calc(100vh - 108px);
}
body.max-category-proficiency .versions-title,
body.max-category-proficiency .versions-eyebrow,
body.max-category-proficiency .proficiency-skill-title{
  color:var(--max-text)!important;
  -webkit-text-fill-color:var(--max-text)!important;
  opacity:1!important;
}
body.max-category-proficiency .versions-eyebrow{
  color:var(--max-accent)!important;
  -webkit-text-fill-color:var(--max-accent)!important;
}
body.max-category-proficiency .versions-sub,
body.max-category-proficiency .proficiency-intro,
body.max-category-proficiency .proficiency-intro p,
body.max-category-proficiency .proficiency-skill-desc,
body.max-category-proficiency .proficiency-empty,
body.max-category-proficiency .proficiency-note{
  color:var(--max-text-secondary)!important;
  -webkit-text-fill-color:var(--max-text-secondary)!important;
  opacity:1!important;
}
body.max-category-proficiency .proficiency-intro,
body.max-category-proficiency .proficiency-skill-card,
body.max-category-proficiency .version-card,
body.max-category-proficiency .proficiency-reading-card{
  background:var(--max-surface)!important;
  color:var(--max-text)!important;
  border-color:var(--max-border)!important;
  box-shadow:var(--max-shadow)!important;
}
body.max-category-proficiency .proficiency-skill-card:hover,
body.max-category-proficiency .version-card:hover,
body.max-category-proficiency .proficiency-reading-card:hover{
  border-color:var(--max-accent)!important;
  transform:translateY(-1px);
}
body.max-category-proficiency .proficiency-note{
  background:color-mix(in srgb,var(--max-accent) 7%,var(--max-surface))!important;
  border-color:var(--max-border)!important;
}

/* ---------- SPA exam pages ---------- */
body.max-category-proficiency.max-category-exam-mode,
body.max-category-proficiency.max-category-exam-mode #view-exam,
body.max-category-proficiency.max-category-exam-mode #view-exam .layout{
  background:var(--max-bg)!important;
  color:var(--max-text)!important;
}
body.max-category-proficiency.max-category-exam-mode #view-exam .exam-content,
body.max-category-proficiency.max-category-exam-mode #view-exam .navigator,
body.max-category-proficiency.max-category-exam-mode #view-exam .question-card,
body.max-category-proficiency.max-category-exam-mode #view-exam .question-block{
  background:var(--max-surface)!important;
  color:var(--max-text)!important;
  border-color:var(--max-border)!important;
}
body.max-category-proficiency.max-category-exam-mode #view-exam .option,
body.max-category-proficiency.max-category-exam-mode #view-exam .answer-option,
body.max-category-proficiency.max-category-exam-mode #view-exam .choice-option,
body.max-category-proficiency.max-category-exam-mode #view-exam .q-option,
body.max-category-proficiency.max-category-exam-mode #view-exam .option-row{
  background:var(--max-surface-elevated)!important;
  color:var(--max-text)!important;
  -webkit-text-fill-color:var(--max-text)!important;
  border-color:var(--max-border)!important;
}
body.max-category-proficiency.max-category-exam-mode #view-exam .nav-header,
body.max-category-proficiency.max-category-exam-mode #view-exam .nav-group-title{
  color:var(--max-accent)!important;
  -webkit-text-fill-color:var(--max-accent)!important;
  opacity:1!important;
}
body.max-category-proficiency.max-category-exam-mode #view-exam .nav-stats,
body.max-category-proficiency.max-category-exam-mode #view-exam .instructions,
body.max-category-proficiency.max-category-exam-mode #view-exam .question-instructions{
  color:var(--max-text-secondary)!important;
  opacity:1!important;
}

/* ---------- Public Proficiency landing page ---------- */
body.proficiency-public-landing{
  background:var(--max-bg)!important;
  color:var(--max-text)!important;
  transition:background .18s ease,color .18s ease;
}
body.proficiency-public-landing .topbar{
  background:color-mix(in srgb,var(--max-surface) 94%,transparent)!important;
  border-bottom:1px solid var(--max-border)!important;
  box-shadow:0 4px 18px rgba(16,35,46,.08);
  position:sticky;
  top:0;
  z-index:20;
}
body.proficiency-public-landing .brand,
body.proficiency-public-landing .hero h1,
body.proficiency-public-landing .panel h2,
body.proficiency-public-landing .card h3,
body.proficiency-public-landing .faq summary{
  color:var(--max-text)!important;
}
body.proficiency-public-landing .brand small,
body.proficiency-public-landing .hero p,
body.proficiency-public-landing .panel>p,
body.proficiency-public-landing .card p,
body.proficiency-public-landing .faq p,
body.proficiency-public-landing .note,
body.proficiency-public-landing .footer{
  color:var(--max-text-secondary)!important;
}
body.proficiency-public-landing .eyebrow,
body.proficiency-public-landing .hero h1 span,
body.proficiency-public-landing .back,
body.proficiency-public-landing .footer a,
body.proficiency-public-landing .card strong{
  color:var(--max-accent)!important;
}
body.proficiency-public-landing .panel,
body.proficiency-public-landing .card,
body.proficiency-public-landing .faq details,
body.proficiency-public-landing .note{
  background:var(--max-surface)!important;
  color:var(--max-text)!important;
  border-color:var(--max-border)!important;
  box-shadow:var(--max-shadow)!important;
}
body.proficiency-public-landing .step{
  background:var(--max-surface-elevated)!important;
  color:var(--max-text)!important;
  border:1px solid var(--max-border)!important;
}
body.proficiency-public-landing .step b{color:var(--max-accent)!important}
body.proficiency-public-landing .step p{color:var(--max-text-secondary)!important}
body.proficiency-public-landing .button{
  background:var(--max-accent)!important;
  color:#fff!important;
  border:1px solid var(--max-accent-strong)!important;
}
body.proficiency-public-landing .button.secondary{
  background:var(--max-surface)!important;
  color:var(--max-accent)!important;
  border-color:var(--max-accent)!important;
}
body.proficiency-public-landing .proficiency-top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
body.proficiency-public-landing .max-theme-toggle{position:static!important}

html[data-theme="dark"] body.proficiency-public-landing .panel,
html[data-theme="dark"] body.proficiency-public-landing .card,
html[data-theme="dark"] body.proficiency-public-landing .faq details,
html[data-theme="dark"] body.proficiency-public-landing .note{
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}

@media(max-width:600px){
  body.proficiency-public-landing .topbar .wrap{align-items:flex-start}
  body.proficiency-public-landing .proficiency-top-actions{width:100%;justify-content:space-between}
}
