/* A course contains its saved lessons; use the console's existing theme and type. */
.spc-shelf { display: grid; gap: var(--space-3); margin-bottom: var(--space-6); min-width: 0; overflow-wrap: anywhere; }
.spc-shelf > h2 { margin: 0 0 var(--space-1); }
.spc-card { min-width: 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-1); color: var(--text); }
.spc-summary { min-height: 44px; box-sizing: border-box; padding: var(--space-4); cursor: pointer; }
.spc-title { overflow-wrap: anywhere; }
.spc-revision { display: inline-block; margin-inline-start: var(--space-3); color: var(--text-dim); font-size: var(--fs-small); }
.spc-disclosure { display: block; margin-top: var(--space-1); color: var(--text-dim); font-size: var(--fs-small); }
.spc-summary:focus-visible, .spc-card a:focus-visible, .spc-card button:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.spc-body { border-top: 1px solid var(--border); padding: var(--space-3) var(--space-4) var(--space-4); min-width: 0; }
.spc-lessons { margin: 0 0 var(--space-3); padding-inline-start: var(--space-5); }
.spc-lessons a { display: flex; align-items: center; min-height: 44px; padding-block: var(--space-2); box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; }
.spc-card .btn { min-height: 44px; min-width: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.spc-source { margin-top: var(--space-4); padding-block: var(--space-3); border-top: 1px solid var(--border); min-width: 0; }
.spc-source h3 { margin: 0; font-size: var(--fs-h3); }
.spc-source p { max-width: 72ch; }
.spc-passages { max-height: min(60vh, 32rem); overflow: auto; overscroll-behavior: contain; padding-inline: var(--space-1); }
.spc-passages:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.spc-passage { margin-top: var(--space-4); min-width: 0; }
.spc-passage pre { margin: var(--space-2) 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: normal; font: inherit; line-height: var(--lh); max-width: 72ch; }
.spc-error { color: var(--danger); }