/* v1.5.4: theme-aware inline quick checks and section progress */
.section-check-summary{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin:12px 0 16px;
  border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:6px
}
.section-check-summary strong{margin-right:auto;color:var(--ink)}
.section-check-summary [data-section-score]{color:var(--muted)}
.learning-block{padding:4px 0 18px;border-bottom:1px solid var(--line);color:var(--ink)}
.learning-block.is-completed{opacity:.72}
.learning-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.learning-block-head h3{margin-right:auto;color:var(--ink)}
.section-done-btn{border:1px solid var(--line);background:var(--control-bg);color:var(--control-ink);padding:5px 8px;font-size:11px;cursor:pointer;border-radius:4px}
.section-done-btn:hover{border-color:var(--primary);background:var(--row-hover);color:var(--primary)}
.inline-knowledge-check{
  margin:14px 0 4px;padding:13px;border:1px solid var(--line);border-left:4px solid var(--primary);
  background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--ink);border-radius:0 6px 6px 0
}
.inline-check-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}
.inline-check-question{margin:6px 0 9px;color:var(--ink)}
.inline-check-question strong{color:var(--ink)}
.inline-check-options{display:grid;gap:6px}
.inline-check-option{
  display:flex;gap:8px;align-items:flex-start;padding:7px 9px;border:1px solid var(--line);
  background:var(--control-bg);color:var(--control-ink);cursor:pointer;border-radius:2px
}
.inline-check-option span{color:inherit}
.inline-check-option input[type="radio"]{accent-color:var(--primary);margin-top:3px;flex:0 0 auto}
.inline-check-option:hover{border-color:var(--primary);background:var(--row-hover);color:var(--ink)}
.inline-check-option:has(input[type="radio"]:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}
.inline-check-actions{display:flex;align-items:center;gap:10px;margin-top:10px}
.check-feedback{font-size:12px;color:var(--muted)}
.check-feedback.good{color:var(--success);font-weight:700}
.check-feedback.bad{color:var(--danger);font-weight:700}
.playlist-item.completed-hidden{display:none}
.playlist-completed-toggle{margin:8px 10px}
.assessment-gate{margin-top:12px;padding:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}
.assessment-gate .score-pill{display:inline-block;padding:3px 7px;background:var(--primary-soft);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 38%,var(--line));font-weight:800;font-size:11px}

/* Extra contrast for the two blue/dark themes used most often for lessons. */
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-knowledge-check{
  background:var(--surface);border-color:var(--line);border-left-color:var(--primary);color:var(--ink)
}
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-question,
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-question strong,
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-option,
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-option span{
  color:var(--ink)
}
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-option{
  background:var(--surface-2);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))
}
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-option:hover,
:root:is([data-theme="midnight"],[data-theme="cardano"]) .inline-check-option:has(input[type="radio"]:checked){
  background:var(--primary-soft);border-color:var(--primary);color:var(--ink)
}