/*
 * connectMath block styles (supplemental).
 * Mirrors the original .course section:nth-of-type colour theming, but keyed
 * to an explicit course-type modifier so blocks can be reordered freely
 * without losing the S/A/B colours. Values match style.css exactly.
 */

/* S course = navy (#355497) — same as the base .course section styles. */

/* A course = blue (#0090cc) — was :nth-of-type(2). */
.course-card--a h3 { color: #0090cc; }
.course-card--a .course-subjectTit { background: #0090cc; }
.course-card--a .course-subject p { color: #0090cc; border: 2px solid #0090cc; }

/* B course = teal (#009683) — was :nth-of-type(3). */
.course-card--b h3 { color: #009683; }
.course-card--b .course-subjectTit { background: #009683; }
.course-card--b .course-subject p { color: #009683; border: 2px solid #009683; }

/* Editor preview: give blocks a little breathing room so they're easy to grab. */
.editor-styles-wrapper .cm-block { margin-bottom: 1rem; }

/*
 * Front page: the original wrapped everything below the slider in
 * #site-content-top (margin-top:90px) and styled its h1. With self-contained
 * blocks we recreate those two rules here so the layout is identical.
 */
.cm-top-slider { margin-bottom: 90px; }
.cm-top-intro h1 { margin-bottom: 30px; }