@import url('../efemerides/style.css');
@import url('../assets/math-youth.css');
:root { --primary:#6d28d9; --tint:#f5f3ff; }
@media(prefers-color-scheme:dark) { :root { --primary:#c4b5fd; --tint:#282047; } }
.button { background:#6d28d9; }
.course-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.course-grid section { margin-top:1rem; padding:1.3rem; }
.course-grid h2 { font-size:1.4rem; }
.course-grid details { padding:1rem; border-radius:12px; }
.course-grid summary { font-size:1rem; }
.unit { border-top:1px solid var(--line); padding-top:.6rem; margin-top:1.5rem; }
.unit h3 { margin-bottom:.5rem; }
.lesson { border-top:5px solid #7c3aed; }
.steps { padding-left:1.5rem; }
@media(max-width:900px) { .course-grid { grid-template-columns:1fr; } }