/* "Head start" offer: credit for lessons already completed in another course. */
.credit-offer { display: flex; gap: 1rem; align-items: flex-start; background: #fff6d9; border: 1px solid #f0d77a; border-left: 6px solid var(--sun); padding: 1.1rem 1.25rem; margin: 0 0 1.5rem; }
.credit-offer .credit-icon { font-size: 2rem; color: var(--sun); flex: none; margin-top: 0.1rem; }
.credit-offer strong { display: block; font-size: 1.08rem; margin-bottom: 0.2rem; }
.credit-offer p { margin: 0 0 0.8rem; color: var(--fg-muted); }
.credit-offer.compact { margin: 0 0 1.75rem; }
.course-outline > .credit-offer { margin-bottom: 1.25rem; }
.credit-tag { font: 700 0.66rem/1 var(--font-ui); letter-spacing: 0.08em; text-transform: uppercase; color: var(--algae); border: 1px solid var(--algae); padding: 0.3rem 0.45rem; }
@media (max-width: 480px) { .credit-offer { flex-direction: column; gap: 0.5rem; } }

/* "Sum it up in your own words" box at the end of each lesson */
.lesson-summary { margin-top: 2.5rem; padding: 1.4rem 1.5rem; border: 2px solid var(--abyss); background: #fff; }
.summary-head { display: flex; gap: 0.9rem; align-items: flex-start; margin-bottom: 0.9rem; }
.summary-icon { font-size: 1.6rem; color: var(--surf); flex: none; margin-top: 0.15rem; }
.lesson-summary h3 { margin: 0 0 0.2rem; font-size: 1.15rem; }
.lesson-summary .muted { margin: 0; font-size: 0.92rem; }
.summary-foot { display: flex; justify-content: space-between; gap: 1rem; margin-top: 0.5rem; flex-wrap: wrap; }
.summary-guest { margin: 0; }
.note-summary { border-left: 4px solid var(--surf); background: var(--bg-alt); padding: 0.75rem 1rem; margin: 0.5rem 0 0.9rem; }
.note-summary-label { display: block; font: 800 0.68rem/1.3 var(--font-ui); letter-spacing: 0.12em; text-transform: uppercase; color: var(--surf-deep); margin-bottom: 0.3rem; }
.note-summary .note-text { white-space: pre-wrap; }