/* Integrated presentation; no engine or source-control mutation. */

.obloc-return{
  font-size:11px;
  color:var(--obloc-nav-active);
  padding:0 12px 18px;
  display:block;
}

html[data-obloc-theme] :is(
  .concept,
  .lesson-hero,
  .course-menu,
  .lesson-callout,
  .small-stat,
  .evidence-card,
  .population>div,
  .asset,
  .gate-row,
  .question,
  .quiz-result,
  .banner,
  .note-card,
  .library-card,
  .proof-cube,
  .source-note,
  .lesson-path
){
  background:var(--obloc-surface);
  color:var(--obloc-text);
  border-color:var(--obloc-line);
}

html[data-obloc-theme] :is(
  .hero-board,
  .board-wrap,
  .raw-document,
  .check-line,
  .control-body,
  .question-option,
  .proof-block,
  .lesson-question
){
  background:var(--obloc-input);
  color:var(--obloc-text);
}

/*
 * Curriculum multiple-choice answers use .quiz-option,
 * not .question-option.
 *
 * The base academy stylesheet intentionally gives these
 * answer cards a light background, so use Cyber Navy for
 * readable high-contrast answer text.
 */
html[data-obloc-theme] .quiz-option{
  color:var(--obloc-brand-navy);
}

/* Preserve strong contrast after an answer is selected. */
html[data-obloc-theme] .quiz-option.selected{
  color:var(--obloc-brand-navy);
}

/* Keep any nested text inside the option readable as well. */
html[data-obloc-theme] .quiz-option span,
html[data-obloc-theme] .quiz-option strong,
html[data-obloc-theme] .quiz-option small{
  color:inherit;
}

html[data-obloc-theme] .cell{
  background:var(--obloc-input);
  color:var(--obloc-text);
}

html[data-obloc-theme] .cell.given{
  background:var(--obloc-raised);
  color:var(--obloc-text);
}

html[data-obloc-theme] .pill{
  background:var(--obloc-accent-soft);
  color:var(--obloc-text);
}

html[data-obloc-theme] .top-status{
  color:var(--obloc-muted);
}