/* LeoWegner brand overrides.
 * Bootstrap removed — this file now only carries brand-specific
 * additions that aren't covered by the engine's design system.
 */

/* Lesson content images */
.lesson-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-md);
    margin: 1rem 0;
}

.lesson-content pre {
    background: var(--bg-2);
    border: 1px solid var(--rule-2);
    border-radius: var(--radius-md);
    padding: 1rem;
    overflow-x: auto;
}

.lesson-content code {
    background: var(--bg-2);
    padding: .1em .35em;
    border-radius: var(--radius-sm);
    font-size: .9em;
    font-family: var(--font-mono);
}

.lesson-content pre code { background: none; padding: 0; }

.lesson-content blockquote {
    border-left: 3px solid var(--amber);
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: var(--muted);
    font-style: italic;
}

/* Star rating */
.star-rating-selector { display: inline-flex; gap: .25rem; }
.star-rating-selector .star-btn { transition: color .15s, transform .15s; }
.star-rating-selector .star-btn:hover { transform: scale(1.15); }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-2); }
::-webkit-scrollbar-thumb { background: var(--muted); border-radius: 99px; opacity: .5; }

/* Fade-in utility */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn .35s ease; }