.lr-theory { background:#f7f2ff; border-left:6px solid #7352a0; color:#173c50; }
.lr-action { background:#eaf8f3; border-left:6px solid #00867c; color:#173c50; }
.lr-practice { background:#fff6df; border-left:6px solid #9b701e; color:#173c50; }
.lr-practice .choice.selected { color:white; background:#006d72; }
.lr-practice .check { align-items:flex-start; }
.lr-action:has(#lrCheckMini) { background:#fff6df; border-left-color:#9b701e; }
.lr-source { background:#edf6ff; border-left:6px solid #377bb0; color:#173c50; padding:1rem; border-radius:.7rem; }
.lr-legend { display:flex; gap:.6rem; flex-wrap:wrap; font-size:.84rem; }
.lr-legend span { padding:.55rem; border-radius:.4rem; }
.lr-group { margin:1rem 0; border:1px solid #b8d4dd; border-radius:.7rem; padding:1rem; }
.lr-group summary { cursor:pointer; font-weight:750; line-height:1.6; }
.lr-timeline > summary { cursor:pointer; font-weight:750; color:#173c50; padding:.35rem 0; }
.lr-timeline > summary:focus-visible { outline:3px solid #377bb0; outline-offset:4px; border-radius:.3rem; }
.lr-timeline-body { margin-top:1rem; }
.lr-module { padding:.4rem 0 1rem; border-top:1px solid #c8dce0; margin-top:1rem; }
.lr-module h4 { margin:.7rem 0; }
.lr-rating { display:grid; grid-template-columns:1fr minmax(220px,42%); gap:1rem; align-items:center; margin:.65rem 0; font-weight:550; }
.lr-rating select { margin:0; }
.lr-checklist { margin:.7rem 0; padding-left:1.2rem; line-height:1.9; }
.lr-preview { max-height:230px; max-width:100%; object-fit:contain; display:block; background:white; margin:1rem 0; }
.lr-demo { display:block; width:min(100%,650px); margin:1rem auto; padding:.5rem; background:white; border:1px solid #b8d4dd; border-radius:.7rem; font:15px system-ui,sans-serif; fill:#173c50; }
.lr-record { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; background:white; border:1px solid #b8d4dd; padding:1rem; border-radius:.5rem; }
.lr-calculation { display:grid; grid-template-columns:1fr minmax(100px,24%); gap:.75rem; align-items:center; padding:1rem 0; }
.lr-calculation label,.lr-calculation input { margin:0; }
.lr-action .check { align-items:flex-start; }
.lr-action .check input { width:auto; flex:0 0 auto; }
.lr-action .choice.selected { color:white; background:#006d72; }
.lr-material-gate { padding:1rem; border-radius:.7rem; margin:1rem 0; }
.lr-material-gate h3 { margin-top:0; }
.lr-material-gate .choiceGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.check { display:flex; align-items:flex-start; gap:.6rem; }
.check input { width:1.2rem; height:1.2rem; flex:none; margin:.2rem 0 0; }
/* Carry the same meanings into the retained lesson and product screens. */
.learn,.floralAcademic,.academic,.floralPractice,.sideTheory { border-left-color:#7352a0; background:#f7f2ff; }
.legendTheory,.theoryPurpose,.actionTheory { border-color:#7352a0!important; background:#f7f2ff!important; color:#43305f!important; }
.resource,.sideSource,.actionSource,.webSourceFocus { border-left-color:#377bb0; background:#edf6ff; }
.legendSource { border-color:#377bb0!important; background:#edf6ff!important; color:#174465!important; }
.floralApply,.sideAction,.projectActionCard { border-color:#00867c; background:#eaf8f3; }
.legendAction,.actionPurpose,.actionCheckpoint { border-color:#00867c!important; background:#eaf8f3!important; color:#134b47!important; }
.projectActionCard .actionKey,.projectActionCard .projectWorkButton { background:#006d72; }
@media(max-width:650px){.lr-rating,.lr-calculation { grid-template-columns:1fr; gap:.3rem; }.lr-rating { margin-bottom:1rem; }.lr-legend { flex-direction:column; }.lr-material-gate .choiceGrid { grid-template-columns:1fr; }}