/* -----------------------------------------------------
   FIX 1 — Reduce spacing under module main header
----------------------------------------------------- */

.module-hero, .module-header {
    padding-top: 2.5rem !important;   /* was too large */
    padding-bottom: 1.5rem !important;
}



/* -----------------------------------------------------
   FIX 2 — Improve spacing between lesson titles & text
----------------------------------------------------- */

.lesson-card h2,
.lesson-title {
    margin-top: 1rem !important;
    margin-bottom: 0.75rem !important;   /* add breathing room */
    line-height: 1.3;
}

.lesson-card p + p {
    margin-top: 0.75rem !important;      /* separates paragraphs */
}



/* -----------------------------------------------------
   FIX 3 — Add diagram block styling (visual placeholders)
----------------------------------------------------- */

.diagram-block {
    margin: 1.75rem 0;
    padding: 1.25rem 1.1rem;
    border-radius: 1.2rem;
    background: radial-gradient(
        circle at top left,
        rgba(120, 220, 255, 0.16),
        rgba(40, 10, 60, 0.85)
    );
    border: 1px solid rgba(120, 220, 255, 0.45);
    box-shadow: 0 0 40px rgba(0, 200, 255, 0.25);
}

.diagram-block h3 {
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #78e0ff;
    margin: 0 0 0.5rem;
}

.diagram-block p {
    font-size: 0.9rem;
    color: #d7e1ff;
    line-height: 1.6;
}