@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=EB+Garamond:wght@400;500;600&display=swap");
/* bernard courses theme - YOURS to edit (bernard never overwrites this file).
   Babyem brand, sampled from babyem.co.uk: accent #c2453f, ink #2b2926,
   borders #e8e3db, EB Garamond headings, DM Sans body - and the course
   header restyled into the babyem masthead (logo via CSS swap). */
:root { --bernard-accent: #c2453f; --bernard-accent-ink: #ffffff; }

body[data-bernard-courses]{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;color:#2b2926}
body[data-bernard-courses] h1,body[data-bernard-courses] h2,body[data-bernard-courses] h3{font-family:'EB Garamond',Georgia,'Times New Roman',serif;font-weight:600;line-height:1.2}

/* The babyem masthead: white sticky bar, logo left, pill CTA right */
.course-header{background:#fff;border-bottom:1px solid #e8e3db;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;padding:12px max(32px,calc((100% - 1120px)/2))}
.course-header > a:first-child{display:block;overflow:hidden;width:176px;height:42px;font-size:0;color:transparent;background:url("/assets/babyem-logo.webp") no-repeat left center/contain}
.course-header nav a{font-family:'DM Sans',sans-serif;font-size:13.5px;font-weight:700;background:#c2453f;color:#fff;padding:11px 20px;border-radius:6px;text-decoration:none}
.course-header nav a:hover{background:#a8352f}

.course-footer{border-top:1px solid #e8e3db;color:#6b6560}
.course-footer a{color:#c2453f}

/* Cards + buttons pick up the accent from the vars above; soften card edges */
.course-card{border:1px solid #e8e3db;border-radius:14px}
.course-locked{border:1px solid #eeddda;border-radius:14px;background:#faf6f2}

/* The babyem footer, projected-page edition: the projector emits a single
   brand link; dress it as the full site footer - logo, mission, legal. */
.course-footer{display:flex;flex-direction:column;align-items:center;background:#faf6f2;border-top:1px solid #e8e3db;padding:26px 24px;text-align:center;margin-top:48px}
.course-footer > a{display:none}
.course-footer::after{content:"© 2026 Families Work Ltd (trading as Babyem), registered in England & Wales, company number 07850129.";display:block;color:#6b6560;font-size:12.5px}
/* Short pages (login, catalogue): keep the footer at the bottom of the screen instead of floating mid-page */
body[data-bernard-learner-home]{min-height:100vh;display:flex;flex-direction:column}
body[data-bernard-learner-home] > main{flex:1 0 auto;width:100%}
body[data-bernard-learner-home] .course-footer{margin-top:0}
/* Owner request (2026-10-05): no public browsing of the course catalogue on this site - courses are sold on babyem.co.uk. Hide the generated Courses link in every course header, and replace the catalogue grid with a sign-in note. */
.course-header nav a[href$="courses/"]{display:none !important}
body[data-bernard-courses]:not([data-bernard-learner-home]) .course-main:has(> .course-grid) > *{display:none !important}
body[data-bernard-courses]:not([data-bernard-learner-home]) .course-main:has(> .course-grid){min-height:40vh;padding-top:64px}
body[data-bernard-courses]:not([data-bernard-learner-home]) .course-main:has(> .course-grid)::before{content:"Your courses";display:block;font-family:'EB Garamond',Georgia,serif;font-size:2.4rem;font-weight:600;color:#2b2926;margin-bottom:12px}
body[data-bernard-courses]:not([data-bernard-learner-home]) .course-main:has(> .course-grid)::after{content:"This site is for enrolled Babyem students. To open your course, go to babyemcourses.com/my and enter the email you enrolled with. To explore our courses, visit babyem.co.uk.";display:block;max-width:56ch;color:#6b6560;font-size:1.05rem;line-height:1.65}

/* ── The catalogue as a prospectus ─────────────────────────────────────
   One job: a practitioner finds her course and clicks in. Fixed projected
   markup (.course-main > h1 + .course-grid > a.course-card), so all
   elevation lives here. Contrast computed: ink/cream 13.5, muted/white
   5.7, #a8352f small text 6.5 - all pass WCAG AA. */
.course-main{padding-top:40px}
.course-main > h1{font-size:2.75rem;letter-spacing:-0.01em;margin:0 0 8px}
.course-main > h1::before{content:"Accredited professional training";display:block;font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a8352f;margin-bottom:14px}
.course-main > h1::after{content:"";display:block;width:56px;height:3px;background:#c2453f;border-radius:2px;margin:18px 0 36px}

.course-grid{gap:28px}
.course-card{display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid #eeddda;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(43,41,38,.06);transition:transform .18s ease,box-shadow .18s ease;text-decoration:none}
.course-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(4,37,81,.14)}
.course-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin:0;border-radius:0}
.course-card h3{font-size:1.28rem;line-height:1.25;color:#2b2926;margin:18px 22px 8px}
.course-card-summary{font-size:14px;line-height:1.55;color:#6b6560;margin:0 22px 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.course-card-meta{margin:auto 22px 20px;align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.02em;color:#a8352f;background:#faf1ef;border:1px solid #f2ddd9;padding:5px 12px;border-radius:999px}
@media (prefers-reduced-motion: reduce){.course-card,.course-card:hover{transition:none;transform:none}}

/* ── Course pages: the prospectus page for one course ──────────────── */
.course-cover{border-radius:16px;box-shadow:0 1px 2px rgba(43,41,38,.08);aspect-ratio:21/10;object-fit:cover;width:100%}
.course-main > h1, .course-overview h1, .course-lesson h1{font-size:3rem;letter-spacing:-0.01em;line-height:1.15}
.course-main > h1::after, .course-overview h1::after, .course-lesson h1::after{content:"";display:none;width:56px;height:3px;background:#c2453f;border-radius:2px;margin-top:16px}
.course-access{color:#6b6560;font-size:14.5px}
.course-soon{color:#a8352f;font-weight:600;font-size:14.5px}
.course-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;color:#a8352f;background:#faf1ef;border:1px solid #f2ddd9;padding:5px 12px;border-radius:999px}
.course-description{max-width:68ch;font-size:1.02rem;line-height:1.7;color:#2b2926}
.course-description img{border-radius:12px}

/* Syllabus: section headings + lesson rows */
.course-section-title{font-family:'EB Garamond',Georgia,serif;font-weight:600;font-size:1.45rem;color:#2b2926;margin-top:2.2em;padding-bottom:10px;border-bottom:2px solid #eeddda}
.course-syllabus{list-style:none;padding:0}
.course-syllabus-item{border-bottom:1px solid #eeddda;transition:background .15s ease}
.course-syllabus-item:hover{background:#faf6f2}
.course-syllabus-item a{display:block;padding:13px 10px;color:#2b2926;text-decoration:none;font-weight:500;font-size:15px}
.course-syllabus-item a:hover{color:#a8352f}
.course-syllabus-item.is-sub-lesson{margin-left:22px;border-left:2px solid #eeddda;border-bottom:none}
.course-syllabus-item.is-sub-lesson a{padding:9px 14px;font-weight:400;font-size:14px;color:#6b6560}
.course-lesson-n{color:#a8352f;font-weight:700;font-variant-numeric:tabular-nums;margin-right:10px}
.course-tick{color:#1c7a4c}

/* ── Lesson pages: comfortable reading ─────────────────────────────── */
.course-crumb{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.course-crumb a{color:#a8352f;text-decoration:none}
.course-crumb a:hover{text-decoration:underline}
.course-content{max-width:68ch;font-size:1.05rem;line-height:1.75;color:#2b2926}
.course-content img{border-radius:12px;max-width:100%}
.course-content h2,.course-content h3{margin-top:1.8em}
.course-locked{background:#faf6f2;border:1px solid #eeddda;border-radius:16px;padding:28px 30px;max-width:560px}
.course-locked a{color:#a8352f;font-weight:600}
.course-lesson-nav{display:flex;justify-content:space-between;gap:14px;margin-top:44px;padding-top:22px;border-top:1px solid #e8e3db}
.course-lesson-nav a{display:inline-block;padding:11px 20px;border:1px solid #e8e3db;border-radius:999px;color:#2b2926;font-weight:600;font-size:14px;text-decoration:none;transition:border-color .15s ease,color .15s ease}
.course-lesson-nav a:hover{border-color:#c2453f;color:#a8352f}

/* ── The learner home (/my/): one calm door ────────────────────────── */
.lnr-door,.lnr-home{max-width:560px}
.lnr-door input[type="email"],.lnr-door input:not([type]){width:100%;padding:13px 16px;font-size:16px;font-family:'DM Sans',sans-serif;border:1px solid #e8e3db;border-radius:10px;background:#fff}
.lnr-door input:focus{outline:2px solid #c2453f;outline-offset:1px;border-color:#c2453f}
.course-enrol,button.course-enrol{background:#c2453f;color:#fff;border:none;border-radius:8px;padding:13px 24px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14.5px;cursor:pointer}
.course-enrol:hover,button.course-enrol:hover{background:#a8352f}
.lnr-courses .course-card{margin-bottom:16px}
.lnr-orders-table{width:100%;border-collapse:collapse;font-size:14.5px}
.lnr-orders-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6560;padding:10px 8px;border-bottom:2px solid #eeddda}
.lnr-orders-table td{padding:12px 8px;border-bottom:1px solid #eeddda}
.lnr-whoami{color:#6b6560;font-size:14px}
.lnr-signout{color:#a8352f}

/* Imported description media: never let a sales-page image shout. Cap height,
   centre, keep aspect. Applies to description content only - lesson content
   images keep their natural size. */
.course-description img{display:block;max-width:100%;height:auto;max-height:440px;object-fit:contain;margin:1.4em auto}
/* Enrolled state: when the runtime shows the enrolled note, the "opens soon"
   line and the recover-access disclosure are noise - hide them. */
.course-overview:has(.course-enrolled-note:not([hidden])) .course-soon{display:none}
.course-overview:has(.course-enrolled-note:not([hidden])) .course-recover{display:none}

/* Syllabus rows: the "Watch"/"Enrol to watch" tag is a SPAN, not a link - the
   real link is the title. Stretch the title link across the whole row so a
   click anywhere (tag included) opens the lesson, and keep the tag on the
   same line, right-aligned. */
.course-syllabus-item{display:flex;align-items:center;gap:12px;position:relative}
.course-syllabus-item > a{flex:1;min-width:0}
.course-syllabus-item > a::after{content:"";position:absolute;inset:0;z-index:1}
.course-syllabus-item .course-tag{margin-left:auto;flex-shrink:0}
.course-syllabus-item .course-tick{flex-shrink:0}

/* Description typography: the imported module structure (h5 "MODULE NN"
   kicker + h3 title + paragraph) styled as a programme prospectus. */
.course-description h2{font-size:1.7rem;margin:2.2em 0 0.6em}
.course-description h2::after{content:"";display:block;width:44px;height:3px;background:#c2453f;border-radius:2px;margin-top:12px}
.course-description h5{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a8352f;margin:2.4em 0 4px;padding-top:1.6em;border-top:1px solid #eeddda}
.course-description h5:first-of-type{border-top:none;padding-top:0}
.course-description h3{font-size:1.35rem;margin:0 0 0.4em}
.course-description h4{font-size:1.2rem;margin:1.6em 0 0.4em}
.course-description p{color:#4a453f}


/* ══════════════════════════════════════════════════════════════════════
   STUDENT COURSE HOME - Colic, Reflux & Infant Allergies, Level 3
   ----------------------------------------------------------------------
   Everyone who reaches this page has already paid, so it is styled as a
   place to LEARN, not a place to buy.

   Scoped to this one course by matching its own lesson links, so the other
   twelve courses render exactly as they did. To roll it out to another
   course, add that course's handle to each :has() below.

   Two things shape the code. The page markup is generated by bernard, so
   nothing here moves an element - the running order is set with flex
   `order`. And scripts are stripped, so there is no JavaScript: bernard's
   own courses.js already marks a finished lesson with
   .course-syllabus-item-done, and every rule below reads that one class.
   ══════════════════════════════════════════════════════════════════════ */

/* ── page frame and running order ──────────────────────────────────── */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])){display:flex;flex-direction:column;max-width:1040px;margin:0 auto}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > *{order:50;min-width:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description{display:contents}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > *{order:63;min-width:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-cover{order:1}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h1{order:2}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-access{order:3}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-enrolled-note{order:4}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(1){order:6}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(1){order:7}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(1) + p + p:not(:has(> a:only-child)){order:7;max-width:64ch;font-size:15.5px;line-height:1.65;margin:0 0 20px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(2):has(> a:only-child){order:8}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(2){order:9}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1){order:10}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h2:not([class]){order:49}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(3){order:58}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(3) ~ p{order:59}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1){order:60}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4){order:62}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p{order:63}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-recover{order:70;margin-top:30px;font-size:13.5px;color:#6b6560}
/* nobody buys on this page, so the enrolment line has no business here */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-soon{display:none}

/* ── top of page ───────────────────────────────────────────────────── */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-cover{display:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h1{font-size:2rem;line-height:1.15;margin:8px 0 0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h1::after{margin-top:14px}
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h1{font-size:2.5rem}}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-access{font-size:13.5px;margin:18px 0 0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > .course-enrolled-note{margin:16px 0 0}

/* ── section headings ──────────────────────────────────────────────── */
/* Headings carry a small red label above them rather than a rule beneath.
   The underline-under-every-heading is a machine-design tic; a kicker says
   something as well as adding colour, and it is the device the brand already
   uses elsewhere (COURSE LEADER, MODULE 01, UP NEXT). */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2{font-size:1.55rem;margin:44px 0 20px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2::after{display:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2::before{display:block;font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a8352f;margin-bottom:9px}
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2{font-size:1.85rem}}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(1)::before{content:"Where you are"}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(2)::before{content:"Everything in one place"}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(3)::before{content:"Finishing the course"}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4)::before{content:"Taught by leaders in the field"}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h2:not([class]){font-size:1.55rem;margin:50px 0 4px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h2:not([class])::before{content:"Lessons and quizzes";display:block;font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a8352f;margin-bottom:9px}
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h2:not([class]){font-size:1.85rem}}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) > h1::after{display:none}

/* ── pick up where you left off ────────────────────────────────────── */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(1){margin-top:34px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(1){max-width:64ch;font-size:15.5px;line-height:1.65;margin:0 0 20px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(2):has(> a:only-child){display:flex;flex-wrap:wrap;gap:10px;margin:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(2):has(> a:only-child) a{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14.5px;line-height:1;text-decoration:none;border-radius:9px;padding:14px 22px;background:#c2453f;color:#fff;border:1px solid #c2453f;transition:background .15s ease,border-color .15s ease,color .15s ease}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(2):has(> a:only-child) a:hover{background:#a8352f;border-color:#a8352f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(2):has(> a:only-child) a + a{background:#fff;color:#2b2926;border-color:#e8e3db}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:nth-of-type(2):has(> a:only-child) a + a:hover{background:#fff;border-color:#c2453f;color:#a8352f}

/* ── quick links, as cards ─────────────────────────────────────────── */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1){display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;margin:0;padding:0}
@media (min-width:820px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1){grid-template-columns:repeat(4,1fr);gap:16px}}
/* Submitting work is the one thing a student comes back weeks later to do,
   so it leads the row and is the only card carrying the accent. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;padding:18px 22px;background:#c2453f;border-color:#c2453f;color:#f6d9d7}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child::before{margin-bottom:0;flex:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child > a{margin-bottom:0;font-size:16px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child:hover{background:#a8352f;border-color:#a8352f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child > a{color:#fff}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child::before{background-color:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li{position:relative;background:#fff;border:1px solid #e8e3db;border-radius:14px;padding:16px;font-size:12.5px;line-height:1.4;color:#6b6560;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:hover{border-color:#c2453f;transform:translateY(-2px);box-shadow:0 10px 24px rgba(43,41,38,.08)}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li > a{display:block;font-size:14.5px;font-weight:700;color:#2b2926;text-decoration:none;margin-bottom:4px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li > a::after{content:"";position:absolute;inset:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li::before{content:"";display:block;width:32px;height:32px;border-radius:9px;background-color:#faf1ef;border:1px solid #f2ddd9;background-repeat:no-repeat;background-position:center;background-size:16px;margin-bottom:11px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M7 8l5-5 5 5'/%3E%3Cpath d='M12 3v13'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}

/* ── what you need to do to pass ───────────────────────────────────── */
/* Each certificate is its own card, sized to its content, so a course with
   two of them does not leave an empty third column. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1){display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;list-style:none;counter-reset:bestep;margin:0;padding:0;background:none;border:none}
@media (min-width:820px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1){gap:18px}}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1) > li{counter-increment:bestep;position:relative;background:#fff;border:1px solid #eeddda;border-radius:16px;padding:24px 22px 24px 22px;font-size:14.5px;line-height:1.6;color:#4a453f;box-shadow:0 1px 3px rgba(43,41,38,.05)}
@media (min-width:820px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1) > li{padding:28px 26px}}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1) > li::before{content:counter(bestep);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#c2453f;color:#fff;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;margin-bottom:14px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1) > li strong{display:block;font-family:'EB Garamond',Georgia,serif;font-weight:600;font-size:1.28rem;line-height:1.2;color:#2b2926;margin-bottom:8px}

/* ── about, at the foot of the page ────────────────────────────────── */
/* The tutor panel. One cream field, built from consecutive elements because
   the description cannot carry a wrapper. The portrait sits on a solid red
   block offset behind it - the brand mark used as a frame, not as a filter
   over the face. Swap in a cut-out portrait later and it becomes the
   brushstroke treatment with no layout change. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4){background:#faf6f2;margin:60px 0 0;padding:36px 26px 0;border-radius:20px 20px 0 0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4)::after{margin:14px 0 0}
/* Everything after the fourth heading is the tutor panel. Anchored to that
   heading, not to paragraph numbers, so editing the copy above cannot shift
   the design. Inside the panel each part is found by what it holds: the
   portrait paragraph by :has(img), the name by the paragraph after it, and
   the small print by :has(em). */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p{background:#faf6f2;margin:0;padding:0 26px;max-width:none;font-size:15px}
@media (min-width:700px){
  .course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4){padding:46px 44px 0}
  .course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p{padding:0 44px}
}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) + p{padding-top:20px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8d867f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(img){padding-top:34px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description img{max-width:230px;border-radius:16px;margin:0 0 30px;box-shadow:18px 18px 0 0 #c2453f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(> strong:only-child){font-family:'EB Garamond',Georgia,serif;font-size:1.9rem;line-height:1.1;color:#2b2926;padding-top:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(> strong:only-child) strong{font-weight:600}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(> strong:only-child) + p{padding-top:10px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#a8352f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(> strong:only-child) + p + p{padding-top:20px;font-size:15.5px;line-height:1.75;color:#4a453f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:last-child{padding-top:26px;padding-bottom:40px;max-width:66ch;font-size:13.5px;line-height:1.6;color:#8d867f;border-radius:0 0 20px 20px}
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:last-child{padding-bottom:48px}}
/* Hold the bio to a readable measure with padding, never max-width: a narrow box
   would leave the page background showing through the white panel behind it. */
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(> strong:only-child) + p + p{padding-right:max(44px,calc(100% - 750px))}}
/* A second contributor sits smaller than the course leader: a round portrait
   with a warm ring rather than the offset block. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:has(img) ~ p:has(img){padding-top:38px;margin-top:30px;border-top:1px solid #f2ece5}
/* A tutor we hold no portrait for still needs separating from the one above. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:has(> strong:only-child) + p + p + p:has(> strong:only-child){padding-top:38px;margin-top:30px;border-top:1px solid #f2ece5}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > p:has(img) ~ p:has(img) img{max-width:124px;border-radius:50%;box-shadow:0 0 0 5px #faf1ef,0 0 0 6px #f2ddd9;margin-bottom:22px}

/* ── module headings stay put while you scroll their lessons ───────── */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-section-title{background:#fff;font-size:1.15rem;margin:34px 0 0;padding:0 0 12px;border-bottom:2px solid #eeddda}
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-section-title{font-size:1.35rem}}

/* ── lesson rows ───────────────────────────────────────────────────── */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus{margin:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item{flex-wrap:wrap;align-items:center;gap:11px;padding:2px 8px;border-radius:10px;border-bottom:1px solid #f4efe8}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item:hover{background:#faf6f2}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item::before{content:"";order:0;width:20px;height:20px;border-radius:50%;border:1.5px solid #ddd6cd;background:#fff;flex:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item-done::before{border-color:#1c5e53;background:#1c5e53 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item > a:not(.course-tag){order:1;padding:13px 0;font-weight:500}
/* The platform now renders the tag as a link rather than a span, so it picks
   up the row-wide click overlay meant for the title. Take that back off it. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item > a.course-tag{flex:0 0 auto;min-width:auto;padding:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item > a.course-tag::after{position:static;inset:auto;z-index:auto;content:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item-done > a:not(.course-tag){color:#6b6560;font-weight:400}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-lesson-n{font-size:12px;font-weight:600;color:#b0a89f;margin-right:9px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item .course-tag{order:2}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item::after{order:3}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-lesson-summary{order:4;flex-basis:100%;margin:0 0 11px 31px;font-size:13.5px;line-height:1.5;color:#6b6560;opacity:1}
.course-overview:has(a[href*="perinatal-mental-health"]) .course-lesson-summary{display:none !important}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-tick{display:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item.is-sub-lesson{margin-left:16px;padding-left:12px;border-left:2px solid #f2ece5;border-bottom:1px solid #f8f4ee}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item.is-sub-lesson > a:not(.course-tag){padding:11px 0;font-size:14.5px}

/* The generated tag reads "Enrol to watch", or "Watch" once you are signed
   in - the same words on all 54 rows. Blank it out and give the space to the
   one thing that actually differs between rows: what kind of item it is.
   The lessons themselves are written pieces with video and audio inside, so
   there is no point labelling them by format - only quizzes, the assignment
   and the evaluation are worth calling out. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-tag[data-course-locked-tag]{font-size:0;background:none;border:none;padding:0;color:transparent}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-tag[data-course-locked-tag]::after{font-family:'DM Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a8352f;background:#faf1ef;border:1px solid #f2ddd9;border-radius:999px;padding:4px 10px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) [data-lesson-handle*="quiz"] .course-tag[data-course-locked-tag]::after{content:"Quiz";position:static}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) [data-lesson-handle*="assignment"] .course-tag[data-course-locked-tag]::after{content:"Assignment";position:static}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) [data-lesson-handle*="evaluation"] .course-tag[data-course-locked-tag]::after{content:"Evaluation";position:static}

/* "Up next" marks the first lesson on the page that is not yet ticked.
   Pure CSS, no counting: mark every unfinished lesson, then the two rules
   underneath un-mark all the later ones - first any that follow within the
   same module, then everything in every module after the first one that
   still has something outstanding. What survives is exactly one row. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item:not(.course-syllabus-item-done)::after{content:"Up next";font-family:'DM Sans',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:#c2453f;border-radius:999px;padding:5px 11px;flex:none;z-index:2;pointer-events:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item:not(.course-syllabus-item-done) ~ .course-syllabus-item:not(.course-syllabus-item-done)::after,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus:has(.course-syllabus-item:not(.course-syllabus-item-done)) ~ .course-syllabus .course-syllabus-item::after,
 .course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-contents-section:has(.course-syllabus-item:not(.course-syllabus-item-done)) ~ .course-contents-section .course-syllabus-item::after{content:none}

@media (prefers-reduced-motion: reduce){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:hover{transform:none}}

/* ══════════════════════════════════════════════════════════════════════
   WARMTH BEHIND THE MODULE LIST (Colic L3)
   The page sat on flat white, which read as bland at full width. Put the
   page on cream and let each module's lesson list be a white card, so the
   colour shows at the sides and between modules, and the grouping is
   carried by the cards rather than by rules and borders.
   ══════════════════════════════════════════════════════════════════════ */
body[data-bernard-courses]:has(.course-overview):not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])){background:#faf6f2}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-section-title{background:none;border-bottom:none;margin:34px 0 12px;padding:0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus{background:#fff;border:1px solid #eeddda;border-radius:16px;padding:4px 14px;margin:0;box-shadow:0 1px 3px rgba(43,41,38,.05)}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-syllabus-item:last-child{border-bottom:none}
/* on cream, the panels invert: white with a warm edge */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ol:nth-of-type(1){background:#fff;border-color:#eeddda}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4),
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p{background:#fff}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4){border:1px solid #eeddda;border-bottom:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p{border-left:1px solid #eeddda;border-right:1px solid #eeddda}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > h2:nth-of-type(4) ~ p:last-child{border-bottom:1px solid #eeddda;padding-top:28px;padding-bottom:40px}

/* ══════════════════════════════════════════════════════════════════════
   LESSON PAGES - every course, every lesson
   These are long written pieces with video and audio inside them, so the
   page is set as one thing: a comfortable column of type on white, on a
   warm ground. Nothing here is course-specific.
   ══════════════════════════════════════════════════════════════════════ */
body[data-bernard-courses]:has(.course-lesson){background:#faf6f2}
.course-lesson{max-width:780px;margin:0 auto;background:#fff;border:1px solid #eeddda;border-radius:20px;padding:28px 22px 32px;box-shadow:0 1px 3px rgba(43,41,38,.05)}
@media (min-width:760px){.course-lesson{padding:48px 56px 52px}}
.course-lesson .course-crumb{margin:0 0 16px;font-size:12px}
.course-lesson .course-crumb a::before{content:"\2190\00a0"}
.course-lesson > h1{font-size:1.7rem;line-height:1.22;margin:0}
@media (min-width:760px){.course-lesson > h1{font-size:2.3rem}}
.course-lesson > h1::after{width:52px;margin-top:18px}

.course-lesson .course-content{max-width:none;margin-top:28px;font-size:1.05rem;line-height:1.8;color:#2b2926}
.course-lesson .course-content > *:first-child{margin-top:0}
.course-lesson .course-content p{margin:0 0 1.15em}
.course-lesson .course-content h2{font-size:1.45rem;margin:2em 0 .55em}
.course-lesson .course-content h3{font-size:1.34rem;margin:2.3em 0 .6em;color:#332f2b}
.course-lesson .course-content h4,.course-lesson .course-content h5{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#2b2926;margin:2em 0 .5em}
.course-lesson .course-content ul,.course-lesson .course-content ol{margin:0 0 1.3em;padding-left:1.3em}
.course-lesson .course-content li{margin:0 0 .55em}
.course-lesson .course-content li::marker{color:#c2453f}
.course-lesson .course-content a{color:#a8352f;text-underline-offset:3px}
.course-lesson .course-content em{color:#4a453f}
.course-lesson .course-content img,.course-lesson .course-content video,.course-lesson .course-content iframe{display:block;width:100%;height:auto;border-radius:14px;margin:1.9em 0}
.course-lesson .course-content img{box-shadow:0 2px 8px rgba(43,41,38,.09)}
/* Tutor headshots on the colic welcome pages: circular thumbnails in every
   environment (owner preview included). Targeted by image filename, so only
   the colic courses are affected, and un-gated (no :has) so it renders where
   the canonical-link scoping does not. */
.course-lesson .course-content img[src*="shel-banks"],
.course-lesson .course-content img[src*="maureen-minchin"],
.course-lesson .course-content img[src*="ed0ff979e7bd"],
.course-lesson .course-content img[src*="rebecca-moore"],
.course-lesson .course-content img[src*="harriet-higgins"],
.course-lesson .course-content img[src*="lyndsey-hookway"]{width:164px;height:164px;object-fit:cover;border-radius:50%;box-shadow:0 2px 10px rgba(43,41,38,.12);margin:1.7em 0 1.3em}
.course-lesson .course-content audio{width:100%;margin:1.6em 0}
.course-lesson .course-content hr{border:none;border-top:1px solid #eeddda;margin:2.4em 0}
/* Pull quotes and notices - including the "quiz being rebuilt" notice, which
   students meet often enough that it should look deliberate, not broken. */
.course-lesson .course-content blockquote{margin:1.9em 0;padding:18px 22px;background:#faf6f2;border:1px solid #eeddda;border-left:3px solid #c2453f;border-radius:0 12px 12px 0;color:#4a453f;font-size:.98rem}
.course-lesson .course-content blockquote p:last-child{margin:0}
.course-lesson .course-content table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1.7em 0}
.course-lesson .course-content th,.course-lesson .course-content td{text-align:left;padding:11px 12px;border-bottom:1px solid #eeddda;vertical-align:top}
.course-lesson .course-content th{font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6b6560}

.course-lesson .course-discussion{margin-top:44px;padding-top:26px;border-top:1px solid #eeddda}
.course-lesson .course-discussion h2{font-size:1.25rem;margin:0 0 14px}
.course-lesson .course-discussion textarea{width:100%;font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.5;padding:13px 15px;border:1px solid #e8e3db;border-radius:12px;background:#faf6f2;resize:vertical}
.course-lesson .course-discussion textarea:focus{outline:2px solid #c2453f;outline-offset:1px;border-color:#c2453f}
.course-lesson .course-discussion button{margin-top:10px;background:#c2453f;color:#fff;border:none;border-radius:9px;padding:12px 22px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14px;cursor:pointer}
.course-lesson .course-discussion button:hover{background:#a8352f}

/* Previous / all lessons / next */
.course-lesson .course-lesson-nav{display:grid;gap:10px;margin-top:44px;padding-top:26px}
@media (min-width:660px){.course-lesson .course-lesson-nav{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px}}
.course-lesson .course-lesson-nav a{display:flex;align-items:center;border-radius:12px;padding:14px 18px;font-size:13.5px;line-height:1.4}
@media (min-width:660px){
  .course-lesson .course-lesson-nav a:first-child{justify-content:flex-start}
  .course-lesson .course-lesson-nav a:last-child{justify-content:flex-end;text-align:right}
}
.course-lesson .course-lesson-nav a:nth-child(2){border-color:transparent;color:#6b6560;font-size:13px;white-space:nowrap}
.course-lesson .course-lesson-nav a:nth-child(2):hover{border-color:transparent;color:#a8352f}

/* The locked panel a signed-out student lands on */
.course-lesson .course-locked{max-width:none;background:#faf6f2;border:1px solid #eeddda;border-radius:16px;padding:24px;margin-top:26px}
.course-lesson .course-locked .course-soon{display:none}
.course-lesson .course-locked p:first-child{margin-top:0;font-size:15px}

/* ══════════════════════════════════════════════════════════════════════
   PER-COURSE DETAIL
   The design above is shared by every accredited course. Two things still
   differ course by course: how many lessons the syllabus holds, and (for
   the blended courses, which have no tutor panel) what the last heading is
   introducing. Both are set here so the shared block stays generic.
   ══════════════════════════════════════════════════════════════════════ */
.course-overview:has(a[href*="colic-reflux-infant-allergies-level-3/"]) > h2:not([class])::before{content:"54 lessons and quizzes"}
.course-overview:has(a[href*="colic-reflux-infant-allergies-level-4/"]) > h2:not([class])::before{content:"54 lessons and quizzes"}
.course-overview:has(a[href*="gentle-sleep-educator-level-3/"]) > h2:not([class])::before{content:"57 lessons and quizzes"}
.course-overview:has(a[href*="gentle-sleep-educator-level-4/"]) > h2:not([class])::before{content:"65 lessons and quizzes"}
.course-overview:has(a[href*="perinatal-mental-health-level-3/"]) > h2:not([class])::before{content:"58 lessons and quizzes"}
.course-overview:has(a[href*="perinatal-mental-health-level-4/"]) > h2:not([class])::before{content:"58 lessons and quizzes"}
.course-overview:has(a[href*="perinatal-mental-health-level-4-2/"]) > h2:not([class])::before{content:"58 lessons and quizzes"}
.course-overview:has(a[href*="holistic-sleep-coaching-program/"]) > h2:not([class])::before{content:"300 lessons and quizzes"}
.course-overview:has(a[href*="blended-maternity-nurse-training-level-3/"]) > h2:not([class])::before{content:"135 lessons and quizzes"}
.course-overview:has(a[href*="blended-maternity-nurse-training-level-4/"]) > h2:not([class])::before{content:"156 lessons and quizzes"}
.course-overview:has(a[href*="blended-maternity-nurse-training-level-4-2/"]) > h2:not([class])::before{content:"135 lessons and quizzes"}
.course-overview:has(a[href*="maternity-nurse-training-online-level-3/"]) > h2:not([class])::before{content:"159 lessons and quizzes"}
.course-overview:has(a[href*="maternity-nurse-training-online-level-4/"]) > h2:not([class])::before{content:"163 lessons and quizzes"}

/* The two blended courses have no faculty on record, so their last section
   is about the course rather than about who teaches it. */
.course-overview:has(a[href*="blended-maternity-nurse-training-level-3/"]) .course-description > h2:nth-of-type(4)::before,
.course-overview:has(a[href*="blended-maternity-nurse-training-level-4/"]) .course-description > h2:nth-of-type(4)::before,
.course-overview:has(a[href*="blended-maternity-nurse-training-level-4-2/"]) .course-description > h2:nth-of-type(4)::before{content:"The course at a glance"}

/* ── PRD 158 repair: the course hero wrapper ───────────────────────────
   Bernard now wraps the top of a course page in <header class="course-hero">
   with .course-hero-media and .course-hero-action nested inside it. Every
   rule in the running order above was written as a direct child of
   .course-overview, so none of them matched any more: the whole title block
   fell to the default order 50 and landed below the quick links, the cover
   photo un-hid itself, and the sales lines came back. Two moves - flatten
   the wrappers so the leaf elements are flex items of .course-overview
   again, then re-place them with descendant selectors, which the next
   wrapper cannot break the same way. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action{display:contents}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-media{display:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action h1{order:2;min-width:0;font-size:2rem;line-height:1.15;margin:8px 0 0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action h1::after{display:none}
@media (min-width:700px){.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action h1{font-size:2.5rem}}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action .course-strapline{display:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action .course-soon{display:none}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action .course-access{order:3;min-width:0;font-size:13.5px;margin:18px 0 0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action .course-enrolled-note{order:4;min-width:0;margin:16px 0 0}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-hero-action .course-recover{order:70;min-width:0;margin-top:30px;font-size:13.5px;color:#6b6560}

/* The module card grid repeats the module headings and lesson counts that
   already sit in the lesson list below, so it puts a screen of scrolling
   between a student and her next lesson. Delete this rule to bring it back. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-modules{display:none}

/* ── the welcome lesson ────────────────────────────────────────
   The intro film is a short piece to camera, not reference material, so it
   needs no transcript to search - and without one the player should take
   the whole reading column rather than sitting in a 1fr/22rem grid with an
   empty gutter beside it. Scoped by canonical URL, so this is the Colic
   Level 3 welcome alone; every other lesson keeps its transcript. To do the
   same on another welcome lesson, add its canonical to the list. */
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/00-1-welcome-and-introduction/"]) .bnd-transcript{display:none}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/00-1-welcome-and-introduction/"]) .bnd-player-root,
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/00-1-welcome-and-introduction/"]) .bnd-player-root:has(.bnd-transcript),
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/00-1-welcome-and-introduction/"]) .bnd-player-root.is-portrait:has(.bnd-transcript){display:block}

/* ── Colic Level 3 lesson pages ──────────────────────────────────
   Section dividers stay as the author wrote them. An earlier attempt swapped
   them for a short red bar above every heading: the device works once, under
   a page title, but repeated down a page it reads decorative rather than
   authoritative - wrong register for accredited clinical training. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content > h2:first-child{margin-top:0}

/* Red earns its place on things a student can act on - links, quiz tags, the
   up-next marker. Used decoratively as well it stops carrying information,
   which is the wrong register for accredited clinical training. So: no bar
   under the lesson title, muted list markers, and the accreditation line set
   as quiet grey caps rather than bold black. Nothing is removed - it is the
   same page, turned down. Dividers stay at their existing weight. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson{border-radius:6px}
@media (min-width:760px){html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson{padding:56px 64px}}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson > h1{font-size:2.45rem;letter-spacing:-.01em}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson > h1::after{display:none}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content{margin-top:34px;line-height:1.82;color:#332f2b}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content h2{font-size:1.34rem;margin:2.3em 0 .6em}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content li::marker{color:#b9b1a8}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content hr{display:none}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content .course-video,
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img{border-radius:3px}

/* Legacy diagrams are small - 300px wide in several cases. The base rule
   stretches every image to the column, which upscaled them 2-3x and made
   sharp old scans look soft. Cap at natural size and centre instead. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img{width:auto;max-width:100%;margin-left:auto;margin-right:auto}

/* The accreditation line: informs, does not shout. */
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/00-1-welcome-and-introduction/"]) .course-lesson .course-content > p:has(> strong:only-child){margin:-.35em 0 0;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:#8a827a}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/00-1-welcome-and-introduction/"]) .course-lesson .course-content > p:has(> strong:only-child) strong{font-weight:500}

/* A tutor portrait is a person, not a diagram. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img[src*="shel-banks"],
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img[src*="maureen-minchin"]{width:140px;height:140px;border-radius:50%;box-shadow:none}

/* A tutor portrait is a person, not a diagram: the full-bleed treatment the
   content images get turns a headshot into a banner. Circular thumbnail. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img[src*="shel-banks"],
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img[src*="maureen-minchin"]{width:164px;height:164px;object-fit:cover;border-radius:50%;margin:1.7em 0 1.3em;box-shadow:0 2px 10px rgba(43,41,38,.12)}

/* Enrolment here is by invitation, so a pay-once line on a lesson page
   promises a door that does not exist. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-locked .course-access{display:none}

/* ── Figure captions ───────────────────────────────────────
   A source credit was being given the full callout treatment - same panel,
   same red bar, same size as a Red flag. A citation is metadata, not
   something to act on, and it should not shout as loudly as a safety
   warning. The paragraph immediately after an image is its caption. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img + p{margin-top:-1.1em;font-size:.9rem;line-height:1.6;color:#6b6560;text-align:center}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content img + p em{color:#6b6560}

/* ── Reference blocks ──────────────────────────────────────
   Lookup material - product lists, formula lists, question checklists -
   that would have been an accordion if lesson notes allowed HTML. They
   don't, so these are blockquotes led by a HEADING, which is structurally
   distinguishable from a callout (led by a bold label) and can therefore
   be tinted differently. Sage rather than cream, and a muted edge rather
   than the red one: a callout is something to ACT on, a reference block is
   something to LOOK UP, and they should not shout at each other. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content blockquote:not(:has(> p:first-child > strong:first-child)){background:#edf2f6;border:1px solid #d3dfe8;border-left:3px solid #6f8ba0;color:#333c44}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content blockquote:not(:has(> p:first-child > strong:first-child)) p{margin:0 0 .7em}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content blockquote:not(:has(> p:first-child > strong:first-child)) strong{color:#2b2926}

/* ── Colic course outlines: separate the modules ─────────────────────
   Lesson notes are markdown-only: raw HTML is stripped server-side, so the
   .module-card wrappers below never reach the page and the rules under this
   comment are inert (kept only until the markup is cleaned out). Section
   rules are hidden course-wide, which left the outline as one unbroken wall.
   Turn them back on for the outline pages only, and give the module headings
   room, so each module reads as its own block. */
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content hr{display:block;border:none;border-top:1px solid #eeddda;margin:2.8em 0}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content h2{margin-top:0;font-size:1.42rem}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content h2 + p > strong:only-child{color:#a8352f}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content p > em:only-child{font-family:'DM Sans',sans-serif;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8a827a}

/* ── Colic course outlines: one card per module ───────────────────────
   The outline is the page students return to most, and as a flat run of
   headings the modules blurred into one another - section rules are hidden
   on this course (see above), so nothing separated them at all. Each module
   now sits on its own soft panel. Deliberately NO left accent bar: that
   idiom already means "callout" everywhere else in this course, and reusing
   it here would say the wrong thing. Assessment is set apart as a dashed
   white panel because it is not another module, it is what finishes the
   course. Scoped off the canonical link, as the rest of this course is. */
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card{background:#faf6f2;border:1px solid #eeddda;border-radius:14px;padding:26px 30px;margin:20px 0}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card > *:first-child{margin-top:0}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card > *:last-child{margin-bottom:0}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card h2{font-size:1.3rem;margin:0 0 .45em}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card > p{margin:0 0 .9em}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-meta{font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8a827a}
html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card-assessment{background:#fff;border-style:dashed}
@media (max-width:600px){html:has(link[href*="/colic-reflux-infant-allergies-level-"][href*="/course-outline/"]) .course-lesson .course-content .module-card{padding:20px 22px}}

/* ── quick-link icons, chosen by destination ───────────────────────────
   Courses carry different resources - some have companion worksheets, some
   a printable workbook, some no student group at all - so the icon is read
   off the link's href rather than its position in the list. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:nth-child(1):has(a[href*="start-here-the-podcast-version"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='2' y='14' width='5' height='7' rx='1.5'/%3E%3Crect x='17' y='14' width='5' height='7' rx='1.5'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="docs.google.com/spreadsheets"])::before,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="frequently-asked-questions"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 15h6'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="drive.google.com"])::before,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="wp-content"])::before,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="optional-worksheets"])::before,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="companion-worksheets"])::before,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="assignment-support"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="baby-massage-skills"])::before,
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="cpd-sessions"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M10 8l6 4-6 4z'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="facebook.com"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="/help/"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:not(:nth-child(1)):has(a[href*="start-here-the-podcast-version"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3z'/%3E%3Cpath d='M3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="coaching-calls"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M3 11h18'/%3E%3C/svg%3E")}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:has(a[href*="contact-babyem"])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}

/* ── CPD sessions collapsed to their index row ─────────────────────────
   CPD is bonus content, and 14 guest sessions listed at the foot of a 282
   lesson syllabus read as though they were part of the programme. The
   session PAGES are untouched - they are simply not listed here. Learners
   reach them from the CPD sessions index (which lists all 14) and from the
   Quick links square. Handles are unique to this course, so no other course
   is affected. Delete this block to put the rows back. */
.course-syllabus-item[data-lesson-handle="why-carrying-matters-with-sling-consultant-zoe-woodman"],
.course-syllabus-item[data-lesson-handle="becoming-us-seed-planting-workshop-elly-taylor"],
.course-syllabus-item[data-lesson-handle="supporting-same-sex-parents-surrogacy-with-two-dads-uk"],
.course-syllabus-item[data-lesson-handle="using-mindfulness-in-breastfeeding-with-anna-le-grange"],
.course-syllabus-item[data-lesson-handle="the-sleepless-orchid-helping-families-of-orchid-children-get"],
.course-syllabus-item[data-lesson-handle="practical-instagram-session-with-lyndsey-hookway"],
.course-syllabus-item[data-lesson-handle="learning-from-difficult-clients-with-lyndsey-hookway"],
.course-syllabus-item[data-lesson-handle="montessori-parenting-and-sleep-with-carine-robin"],
.course-syllabus-item[data-lesson-handle="supporting-couples-who-have-different-views-about-how-to-par"],
.course-syllabus-item[data-lesson-handle="infant-brain-development-with-dr-fiona-jeffries"],
.course-syllabus-item[data-lesson-handle="suicidality-and-mental-health-with-mona-patel"],
.course-syllabus-item[data-lesson-handle="parental-mental-health-with-dr-fiona-jeffries"],
.course-syllabus-item[data-lesson-handle="video-interaction-guidance-with-clare-lowry"],
.course-syllabus-item[data-lesson-handle="elimination-communication-101-with-nicole-cheevers"]{display:none}

/* Companion worksheets and Frequently asked questions are Quick links
   reference pages, not lessons, so they are not listed in the syllabus
   either. They SIT IN the CPD section in the data - not because they are
   CPD, but because setCourseSections refuses any call that leaves a lesson
   unsectioned, and Emma has ruled out putting them in the Introduction.
   That is why the CPD section reports 17 lessons while the page shows one
   row. If you remove the rules below, two pages that are nothing to do with
   CPD will appear under the CPD heading. Move them to a section of their
   own before you unhide them. */
.course-syllabus-item[data-lesson-handle="companion-worksheets"],
.course-syllabus-item[data-lesson-handle="frequently-asked-questions"]{display:none}

/* ── MNT CPD sessions collapsed to their index row ─────────────────────
   Same treatment as the HSC block above, for the two blended Maternity
   Nurse Training courses: 15 CPD webinars listed at the foot of a 130+
   lesson syllabus read as though they were core content. The session
   PAGES are untouched - learners reach them from the 'CPD Sessions -
   Your Complete Library' index (which lists all 15 with module pairings)
   and from the Quick links square. These handles exist only in the two
   MNT courses. Delete this block to put the rows back. */
.course-syllabus-item[data-lesson-handle="baby-massage-skills"],
.course-syllabus-item[data-lesson-handle="assignment-support-for-level-3-and-4-assignments"],
.course-syllabus-item[data-lesson-handle="tongue-tie-infant-feeding"],
.course-syllabus-item[data-lesson-handle="allergies-colic-reflux"],
.course-syllabus-item[data-lesson-handle="gentle-sleep-coaching"],
.course-syllabus-item[data-lesson-handle="feeding-and-sleep-for-twins-multiples"],
.course-syllabus-item[data-lesson-handle="top-tips-for-supporting-families-with-a-poo-issue"],
.course-syllabus-item[data-lesson-handle="introducing-solids-supporting-families-with-weaning"],
.course-syllabus-item[data-lesson-handle="perineal-trauma-and-the-ripple-effect"],
.course-syllabus-item[data-lesson-handle="improve-your-confidence"],
.course-syllabus-item[data-lesson-handle="using-essential-oils-in-the-home"],
.course-syllabus-item[data-lesson-handle="placenta-encapsulation-and-it-s-place-in-modern-day-maternit"],
.course-syllabus-item[data-lesson-handle="bringing-awareness-on-how-best-to-support-families-who-have"],
.course-syllabus-item[data-lesson-handle="what-you-need-to-know-about-perinatal-mental-health-to-best"],
.course-syllabus-item[data-lesson-handle="mastering-accounts-and-bookkeeping"],
.course-syllabus-item[data-lesson-handle="recorded-webinar-nightfeeds-and-sleep-masterclass"],
.course-syllabus-item[data-lesson-handle="recorded-webinar-caring-for-babies-masterclass"],
.course-syllabus-item[data-lesson-handle="recorded-webinar-care-of-postnatal-mothers-masterclass"],
.course-syllabus-item[data-lesson-handle="recorded-webinar-premature-babies-low-weight-and-sick-babies"],
.course-syllabus-item[data-lesson-handle="recorded-webinar-maternal-depression-masterclass"]{display:none}

html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content img[src*="shel-banks"],
html:has(a[href*="blended-maternity-nurse-training-level-"]) article img[src*="shel-banks"],
html:has(a[href*="blended-maternity-nurse-training-level-"]) main img[src*="shel-banks"],
html:has(a[href*="blended-maternity-nurse-training-level-"]) .lesson-notes img[src*="shel-banks"],
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson img[src*="shel-banks"]{width:164px !important;height:164px !important;object-fit:cover !important;border-radius:50% !important;margin:1.7em 0 1.3em !important;box-shadow:0 2px 10px rgba(43,41,38,.12) !important}
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content p:has(> img[src*="emma-dewey-founder"]),
html:has(a[href*="blended-maternity-nurse-training-level-"]) article p:has(> img[src*="emma-dewey-founder"]),
html:has(a[href*="blended-maternity-nurse-training-level-"]) main p:has(> img[src*="emma-dewey-founder"]),
html:has(a[href*="blended-maternity-nurse-training-level-"]) .lesson-notes p:has(> img[src*="emma-dewey-founder"]){width:164px !important;height:164px !important;border-radius:50% !important;overflow:hidden !important;margin:1.7em 0 1.3em !important;box-shadow:0 2px 10px rgba(43,41,38,.12) !important}
html:has(a[href*="blended-maternity-nurse-training-level-"]) img[src*="emma-dewey-founder"]{width:100% !important;height:100% !important;object-fit:cover !important;object-position:50% 0% !important;transform:scale(1.2) !important;transform-origin:50% 0% !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;display:block !important}
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content blockquote,
html:has(a[href*="blended-maternity-nurse-training-level-"]) article blockquote,
html:has(a[href*="blended-maternity-nurse-training-level-"]) main blockquote,
html:has(a[href*="blended-maternity-nurse-training-level-"]) .lesson-notes blockquote,
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson blockquote{margin:1.9em 0 !important;padding:18px 22px !important;background:#faf6f2 !important;border:1px solid #eeddda !important;border-left:3px solid #c2453f !important;border-radius:0 12px 12px 0 !important;color:#4a453f !important;font-size:.98rem !important}
   The base .course-accordion (assets/courses.css) is deliberately plain
   site-wide: a bare +/− at 55% opacity. On the two MNT courses the sleep
   module (and more content coming) leans on accordions for 'going deeper'
   panels, and that symbol reads as easy-to-miss end-of-page clutter rather
   than an inviting, clickable row. This keeps the same plain rule everywhere
   else and only turns the affordance up on these two courses: a larger,
   brand-coral symbol, a soft tinted background on the whole summary row so
   it reads as a control rather than a heading, and a touch more spacing.
   Scoped by course handle - delete this block to fall back to the site
   default if it ever feels heavy-handed. */
html:has(link[href*="/blended-maternity-nurse-training-level-3/"]) .course-accordion,
html:has(link[href*="/blended-maternity-nurse-training-level-4/"]) .course-accordion,
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion{border:none;background:#faf5f0;border-radius:8px;margin:1.75rem 0;padding:0 4px}
html:has(link[href*="/blended-maternity-nurse-training-level-3/"]) .course-accordion + .course-accordion,
html:has(link[href*="/blended-maternity-nurse-training-level-4/"]) .course-accordion + .course-accordion,
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion + .course-accordion{margin-top:-1rem}
html:has(link[href*="/blended-maternity-nurse-training-level-3/"]) .course-accordion > summary,
html:has(link[href*="/blended-maternity-nurse-training-level-4/"]) .course-accordion > summary,
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion > summary{padding:14px 12px;color:#c2453f}
html:has(link[href*="/blended-maternity-nurse-training-level-3/"]) .course-accordion > summary::before,
html:has(link[href*="/blended-maternity-nurse-training-level-4/"]) .course-accordion > summary::before,
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion > summary::before{content:"+";font-size:1.3rem;font-weight:600;opacity:1;width:22px}
html:has(link[href*="/blended-maternity-nurse-training-level-3/"]) .course-accordion[open] > summary::before,
html:has(link[href*="/blended-maternity-nurse-training-level-4/"]) .course-accordion[open] > summary::before,
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion[open] > summary::before{content:"\2212"}
html:has(link[href*="/blended-maternity-nurse-training-level-3/"]) .course-accordion-body,
html:has(link[href*="/blended-maternity-nurse-training-level-4/"]) .course-accordion-body,
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion-body{padding:0 12px 18px}
html:has(link[href*="/blended-maternity-nurse-training-level-4-2/"]) .course-accordion{border:none;background:#faf5f0;border-radius:8px;margin:1.75rem 0;padding:0 4px}
html:has(link[href*="/blended-maternity-nurse-training-level-4-2/"]) .course-accordion + .course-accordion{margin-top:-1rem}
html:has(link[href*="/blended-maternity-nurse-training-level-4-2/"]) .course-accordion > summary{padding:14px 12px;color:#c2453f}
html:has(link[href*="/blended-maternity-nurse-training-level-4-2/"]) .course-accordion > summary::before{content:"+";font-size:1.3rem;font-weight:600;opacity:1;width:22px}
html:has(link[href*="/blended-maternity-nurse-training-level-4-2/"]) .course-accordion[open] > summary::before{content:"\2212"}
html:has(link[href*="/blended-maternity-nurse-training-level-4-2/"]) .course-accordion-body{padding:0 12px 18px}

/* ── Online L3 (new build): mirror the blended-MNT lesson styling ──
   Scoped to the new online L3 handle so the duplicated course matches the
   blended course it was copied from (per-handle theme CSS is not carried
   over by duplicateCourse). Remove if this course is retired. */
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content img[src*="shel-banks"],
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) article img[src*="shel-banks"],
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) main img[src*="shel-banks"],
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .lesson-notes img[src*="shel-banks"],
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson img[src*="shel-banks"]{width:164px !important;height:164px !important;object-fit:cover !important;border-radius:50% !important;margin:1.7em 0 1.3em !important;box-shadow:0 2px 10px rgba(43,41,38,.12) !important}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content p:has(> img[src*="emma-dewey-founder"]),
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) article p:has(> img[src*="emma-dewey-founder"]),
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) main p:has(> img[src*="emma-dewey-founder"]),
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .lesson-notes p:has(> img[src*="emma-dewey-founder"]){width:164px !important;height:164px !important;border-radius:50% !important;overflow:hidden !important;margin:1.7em 0 1.3em !important;box-shadow:0 2px 10px rgba(43,41,38,.12) !important}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) img[src*="emma-dewey-founder"]{width:100% !important;height:100% !important;object-fit:cover !important;object-position:50% 0% !important;transform:scale(1.2) !important;transform-origin:50% 0% !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;display:block !important}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content blockquote,
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) article blockquote,
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) main blockquote,
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .lesson-notes blockquote,
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson blockquote{margin:1.9em 0 !important;padding:18px 22px !important;background:#faf6f2 !important;border:1px solid #eeddda !important;border-left:3px solid #c2453f !important;border-radius:0 12px 12px 0 !important;color:#4a453f !important;font-size:.98rem !important}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content p:has(> a:only-child[href*="facebook.com/groups"]){margin:.4em 0 1.6em}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content p:has(> a:only-child[href*="facebook.com/groups"]) a{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14.5px;line-height:1;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#fff;background:#c2453f;border:1px solid #c2453f;border-radius:6px;padding:15px 26px;transition:background .15s,border-color .15s}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content p:has(> a:only-child[href*="facebook.com/groups"]) a:hover{background:#a8352f;border-color:#a8352f;color:#fff}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content blockquote:has(a[href*="assignment-support"]){background:#eef3f8 !important;border:1px solid #d3e0ec !important;border-left:3px solid #3f6fa5 !important;color:#24405f !important}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content blockquote:has(a[href*="assignment-support"]) a{color:#2f5c8f}
html:has(a[href*="maternity-nurse-training-online-level-3-new"], a[href*="maternity-nurse-training-online-level-4-new"]) .course-lesson .course-content blockquote:has(a[href*="assignment-support"]) strong{color:#1f3a58}
html:has(link[href*="/maternity-nurse-training-online-level-3-new/"], link[href*="/maternity-nurse-training-online-level-4-new/"]) .course-accordion{border:none;background:#faf5f0;border-radius:8px;margin:1.75rem 0;padding:0 4px}
html:has(link[href*="/maternity-nurse-training-online-level-3-new/"], link[href*="/maternity-nurse-training-online-level-4-new/"]) .course-accordion + .course-accordion{margin-top:-1rem}
html:has(link[href*="/maternity-nurse-training-online-level-3-new/"], link[href*="/maternity-nurse-training-online-level-4-new/"]) .course-accordion > summary{padding:14px 12px;color:#c2453f}
html:has(link[href*="/maternity-nurse-training-online-level-3-new/"], link[href*="/maternity-nurse-training-online-level-4-new/"]) .course-accordion > summary::before{content:"+";font-size:1.3rem;font-weight:600;opacity:1;width:22px}
html:has(link[href*="/maternity-nurse-training-online-level-3-new/"], link[href*="/maternity-nurse-training-online-level-4-new/"]) .course-accordion[open] > summary::before{content:"\2212"}
html:has(link[href*="/maternity-nurse-training-online-level-3-new/"], link[href*="/maternity-nurse-training-online-level-4-new/"]) .course-accordion-body{padding:0 12px 18px}
/* Colic, Reflux & Infant Allergies (L3, L4, Non Accredited): same accordions as Blended MNT */
html:has(link[href*="/colic-reflux-infant-allergies-"]) .course-accordion{border:none;background:#faf5f0;border-radius:8px;margin:1.75rem 0;padding:0 4px}
html:has(link[href*="/colic-reflux-infant-allergies-"]) .course-accordion + .course-accordion{margin-top:-1rem}
html:has(link[href*="/colic-reflux-infant-allergies-"]) .course-accordion > summary{padding:14px 12px;color:#c2453f}
html:has(link[href*="/colic-reflux-infant-allergies-"]) .course-accordion > summary::before{content:"+";font-size:1.3rem;font-weight:600;opacity:1;width:22px}
html:has(link[href*="/colic-reflux-infant-allergies-"]) .course-accordion[open] > summary::before{content:"\2212"}
html:has(link[href*="/colic-reflux-infant-allergies-"]) .course-accordion-body{padding:0 12px 18px}

/* ── keep this sheet's hands off Bernard's hosted video player ──────────
   Bernard injects the hosted player INSIDE .course-content at runtime, so
   the generic lesson rules above - .course-content img/video {width:100%}
   and the colic-scoped img {width:auto} - were landing on the player's own
   furniture. The 4rem chapter thumbnails were rendering at their natural
   size, which pushed each chapter title out of its grid column and straight
   across the transcript panel beside it: the overlapping text Emma reported
   on 01.6. These rules restore Bernard's own values for the injected parts
   only, and have to out-specify the html:has(...) colic rules above, hence
   the leading html and the extra class. Lesson images written in notes are
   untouched - they are not inside .bnd-player-root. */
html .course-lesson .course-content .bnd-player-root img.bnd-chapter-thumb{display:block;width:4rem;max-width:4rem;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:3px;margin:0;box-shadow:none}
html .course-lesson .course-content .bnd-player-root video{width:100%;height:100%;margin:0;border-radius:0;box-shadow:none}
html .course-lesson .course-content .bnd-player-root,
html .course-lesson .course-content .bnd-player-root .bnd-transcript,
html .course-lesson .course-content .bnd-player-root .bnd-chapter-item-title{min-width:0}
html .course-lesson .course-content .bnd-player-root .bnd-chapter-item-title{overflow-wrap:break-word}

/* ── one video, transcript behind a small button ────────────────────
   Bernard's default on a wide screen is a two-column grid: video in one
   column, transcript panel permanently open in a 22rem column beside it.
   Emma wants the video to stand alone with the transcript tucked behind a
   button, which is what Bernard already does on phones. These rules apply
   that treatment on desktop too: the grid goes, the video takes the full
   width, and the transcript drops below it. Phone layout is deliberately
   untouched below 960px - it is already right, and its full-width 44px
   toggle is the correct touch target. */
@media (min-width:960px){
  html .course-lesson .course-content .bnd-player-root:has(.bnd-transcript),
  html .course-lesson .course-content .bnd-player-root.is-portrait:has(.bnd-transcript){display:block}
  html .course-lesson .course-content .bnd-player-root .bnd-transcript{grid-column:auto;grid-row:auto;margin-top:18px;border:0;border-radius:0;overflow:visible}
  html .course-lesson .course-content .bnd-player-root .bnd-transcript-toggle{display:inline-flex;align-items:center;width:auto;min-height:38px;padding:8px 18px;background:#faf6f2;border:1px solid #eeddda;border-radius:999px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;color:#a8352f}
  html .course-lesson .course-content .bnd-player-root .bnd-transcript-toggle:hover{background:#f5ece5}
  html .course-lesson .course-content .bnd-player-root .bnd-transcript-body{margin-top:12px;padding:16px 18px 18px;border:1px solid #eeddda;border-radius:14px;background:#fff}
}
/* A chapter list with a single entry is a button that seeks to the start of
   a video the learner is already looking at. Hide it; two or more chapters
   still show, on any screen. */
html .course-lesson .course-content .bnd-player-root .bnd-chapter-list:not(:has(li:nth-child(2))){display:none}

/* ── No video chapters, on any course (owner decision, 13 Sep 2026) ──────
   Bernard auto-generates chapter markers for every indexed hosted video
   and renders them as a thumbnail list under the player plus tick-marks on
   the scrubber. The owner does not want chapters shown anywhere, on any
   course. This hides both, site-wide, for every lesson; delete this block
   to bring them back. The transcript toggle is unaffected.
   11 Oct 2026 (owner request): chapters show again on AUDIO lessons in the
   podcast courses (see "Podcast courses" at the end of this file). Video
   lessons, and audio lessons on every other course, still hide them. */
html .course-lesson .course-content .bnd-player-root:not(:has(.bnd-player-audio)) .bnd-chapter-list,
html .course-lesson:not(:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"])) .course-content .bnd-player-root:not(:has(.bnd-player-audio)) .bnd-chapter-tick,
html .course-lesson:not(:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"])) .course-content .bnd-player-root .bnd-chapter-list,
html .course-lesson:not(:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"])) .course-content .bnd-player-root .bnd-chapter-tick{display:none !important}

/* ── HSCP orientation walkthrough (Emma, 5 Nov 2026) ────────────────────
   The "Start here: your orientation" video keeps the chapter marks on its
   progress bar (the :not() on the tick rule above excludes it; it is the
   only Holistic lesson whose Next link is the A-Z index). Its chapter list
   under the player is shown again, but compact: a small boxed list in two
   columns (one on phones), titles and times only, no thumbnails. Each row is
   the player's own button, so a tap jumps the video and plays. (A notes
   table with #t= links did not seek reliably, 5 Nov.) */
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root:not(:has(.bnd-player-audio)) .bnd-chapter-list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:2px 18px !important;margin:12px 0 0 !important;padding:10px 12px !important;border:1px solid #eeddda !important;border-radius:12px !important;background:#fff !important}
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root .bnd-chapter-list li{margin:0 !important;padding:0 !important}
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root .bnd-chapter-item{gap:10px !important;padding:6px 8px !important;min-height:0 !important;margin:0 !important;border:0 !important;border-radius:8px !important;background:transparent !important;font-family:'DM Sans',sans-serif !important;font-size:14px !important;line-height:1.35 !important;text-align:left !important;cursor:pointer;color:#2b2523 !important;box-shadow:none !important}
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root .bnd-chapter-item:hover{background:#faf1ef !important}
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root .bnd-chapter-item[aria-current="true"]{background:#f8e7e4 !important;font-weight:700 !important}
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root .bnd-chapter-time{min-width:2.8em !important;font-size:13px !important;color:#a8352f !important;font-variant-numeric:tabular-nums}
html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root img.bnd-chapter-thumb{display:none !important}
@media (max-width:640px){
  html .course-lesson:has(> .course-lesson-nav a[href*="/holistic-sleep-coaching-program/course-topic-index-a-z/"]) .course-content .bnd-player-root:not(:has(.bnd-player-audio)) .bnd-chapter-list{grid-template-columns:1fr !important}
}
/* Assessment lessons (7 Nov 2026): the assignment walk-through video shows its
   chapters as clickable buttons, same look as Holistic Start here. Matched by the
   lesson's next link (Feedback and Evaluation; PND: Goodbye). */
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root:not(:has(.bnd-player-audio)) .bnd-chapter-list{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:2px 18px !important;margin:12px 0 0 !important;padding:10px 12px !important;border:1px solid #eeddda !important;border-radius:12px !important;background:#fff !important}
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root .bnd-chapter-list li{margin:0 !important;padding:0 !important}
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root .bnd-chapter-item{gap:10px !important;padding:6px 8px !important;min-height:0 !important;margin:0 !important;border:0 !important;border-radius:8px !important;background:transparent !important;font-family:'DM Sans',sans-serif !important;font-size:14px !important;line-height:1.35 !important;text-align:left !important;cursor:pointer;color:#2b2523 !important;box-shadow:none !important}
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root .bnd-chapter-item:hover{background:#faf1ef !important}
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root .bnd-chapter-item[aria-current="true"]{background:#f8e7e4 !important;font-weight:700 !important}
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root .bnd-chapter-time{min-width:2.8em !important;font-size:13px !important;color:#a8352f !important;font-variant-numeric:tabular-nums}
html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root img.bnd-chapter-thumb{display:none !important}
@media (max-width:640px){
  html .course-lesson:is(:has(> .course-lesson-nav a:last-child[href*="/feedback-and-evaluation/"]), :has(> .course-crumb a[href*="/perinatal-mental-health-level-"]):has(> .course-lesson-nav a:last-child[href*="/goodbye/"])) .course-content .bnd-player-root:not(:has(.bnd-player-audio)) .bnd-chapter-list{grid-template-columns:1fr !important}
}

/* ── Compact transcript box (owner request, 10 Oct 2026) ──────────────
   Bernard opens the transcript on longer videos as a tall list (22rem),
   which makes lesson pages look long and messy. Emma wants it visible but
   not fully open: a short box of a few lines that scrolls, with the search
   box above it. The Show/Hide transcript toggle is unchanged. */
html .course-lesson .course-content .bnd-player-root .bnd-transcript .bnd-transcript-list{max-height:9.5rem !important;overflow-y:auto !important}

/* ── 'video to add' placeholder ──────────────────────────────
   The original Word documents reference videos that did not survive the
   LearnDash migration - one lesson alone cites three and carries one. Emma
   needs to SEE every gap while she works through them, so each one is a
   black slab carrying the video's name, impossible to scroll past.

   Lesson notes are markdown and raw HTML is stripped, so there is no way to
   author a box directly. A link is the one element that survives AND can be
   targeted by CSS without matching on text: the href is an attribute, so
   every marker points at /videos-to-add/ and is styled off that. The target
   page exists, so a curious learner who clicks gets an explanation rather
   than a 404. Delete a marker from the lesson notes once its video is in. */
html .course-lesson .course-content a[href="/videos-to-add/"]{display:block;margin:1.9em 0;padding:34px 26px;background:#141210;border-radius:12px;color:#fff;font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;border:2px solid #141210}
html .course-lesson .course-content a[href="/videos-to-add/"]:hover,
html .course-lesson .course-content a[href="/videos-to-add/"]:focus-visible{background:#2b2926;border-color:#c2453f}
html .course-lesson .course-content p:has(> a[href="/videos-to-add/"]:only-child){margin:0}

/* ── 'A look inside' strip, off ───────────────────────────────
   Bernard builds a strip of chapter thumbnails from the preview lesson and
   drops it under the syllabus, to give a stranger a taste before they buy.
   Every Babyem course is invitation-only or free-form and sells through
   ThriveCart, so no stranger ever reads these pages: the strip is a single
   out-of-context clip sitting under the course outline, which is how Emma
   found it (17 Aug 2026).

   The section ships with a `hidden` attribute and the runtime removes it
   once the thumbnails load, so hiding it needs a real display rule rather
   than relying on `hidden`. This is deliberately display:none and not a
   chapter deletion: the chapters still work inside the lesson player,
   where they earn their keep. Delete these three lines to bring it back. */
html .course-strip,
html section.course-strip[data-course-strip]{display:none !important}

/* ── marked quiz answers, labelled ────────────────────────────
   Bernard marks the right option with a dashed green border (.is-answer in
   courses.css) and the learner's wrong pick with a red one. Emma's old
   WordPress course said 'Correct answer' and 'Incorrect' in words, and
   without them a learner who got it wrong reads the dashed outline as
   decoration rather than as the answer. These add the words back.

   The option row is already display:flex, so an ::after becomes the last
   flex item and margin-left:auto pushes it to the right, which is where the
   old site put it. An option that is both chosen and right takes the
   .is-answer label, since 'Correct answer' is the more useful word there.
   Nothing here changes what a learner is shown, only how legible it is. */
html .course-quiz-q.is-marked .course-quiz-opt.is-answer,
html .course-quiz-q.is-marked .course-quiz-opt.is-chosen.is-wrong{align-items:center;flex-wrap:wrap}
html .course-quiz-q.is-marked .course-quiz-opt.is-answer{border-style:solid;border-width:2px;background:#eef6f0}
html .course-quiz-q.is-marked .course-quiz-opt.is-answer::after{content:"Correct answer";margin-left:auto;padding-left:.75rem;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#2e7d4f;white-space:nowrap}
html .course-quiz-q.is-marked .course-quiz-opt.is-chosen.is-wrong::after{content:"Your answer";margin-left:auto;padding-left:.75rem;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#a8352f;white-space:nowrap}
@media (max-width:30rem){
  html .course-quiz-q.is-marked .course-quiz-opt.is-answer::after,
  html .course-quiz-q.is-marked .course-quiz-opt.is-chosen.is-wrong::after{width:100%;margin-left:0;padding-left:0;padding-top:.3rem}
}

/* ── Video end screen, simplified (owner request, Aug 2026) ────────
   When a course video finishes, show only the 'Watch again' button:
   the 'Next: ...' label and the red next-lesson block are hidden. */
html .bnd-upnext-label{display:none !important}
html .bnd-upnext-next{display:none !important}

/* ── Facebook group CTA in Blended Maternity Nurse welcome lessons ──
   Notes are markdown, so the button is a paragraph holding only the
   group link; dress it as the brand-red button (Sept 2026). */
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content p:has(> a:only-child[href*="facebook.com/groups"]){margin:.4em 0 1.6em}
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content p:has(> a:only-child[href*="facebook.com/groups"]) a{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif;font-weight:700;font-size:14.5px;line-height:1;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:#fff;background:#c2453f;border:1px solid #c2453f;border-radius:6px;padding:15px 26px;transition:background .15s,border-color .15s}
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content p:has(> a:only-child[href*="facebook.com/groups"]) a:hover{background:#a8352f;border-color:#a8352f;color:#fff}

/* ── Assignment callout, blue ───────────────────────────────
   A lesson that feeds an assignment question carries a callout at the foot
   of the page, so a student always knows which lessons their written work
   comes from. It is a blockquote led by a bold label (so the base theme
   already renders it as a callout) that CONTAINS a link to the Assignment
   support page - that href is the CSS hook, matching on an attribute not on
   text, the same idiom as the videos-to-add box. Recoloured blue so it
   reads as 'compile this later', distinct from the red 'act on this now'
   callouts. Wins over the red blended blockquote rule by being more specific
   (extra .course-content class + :has) and later in the sheet. To flag any
   other lesson, add a blockquote linking to assignment-support to its notes. */
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content blockquote:has(a[href*="assignment-support"]){background:#eef3f8 !important;border:1px solid #d3e0ec !important;border-left:3px solid #3f6fa5 !important;color:#24405f !important}
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content blockquote:has(a[href*="assignment-support"]) a{color:#2f5c8f}
html:has(a[href*="blended-maternity-nurse-training-level-"]) .course-lesson .course-content blockquote:has(a[href*="assignment-support"]) strong{color:#1f3a58}

/* Colic L3 assignment callouts: same blue treatment as the blended MNT rule
   above, scoped to the Colic course and keyed to its own assignment-page link. */
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content blockquote:has(a[href*="colic-level-3-assignment"]){background:#eef3f8 !important;border:1px solid #d3e0ec !important;border-left:3px solid #3f6fa5 !important;color:#24405f !important}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content blockquote:has(a[href*="colic-level-3-assignment"]) a{color:#2f5c8f}
html:has(a[href*="colic-reflux-infant-allergies-level-"]) .course-lesson .course-content blockquote:has(a[href*="colic-level-3-assignment"]) strong{color:#1f3a58}

/* --- Assessment download & upload buttons (added on request) ---------------
   The two Google Doc download links + the Typeform coursework upload link in
   the Level 3 blended MNT assessment lesson are styled as solid buttons.
   Matched by href (same attribute-hook idiom as the assignment-support rule
   above), scoped to lesson content so nothing else is affected.
   Download = brand teal (#1c5e53).  Upload = brand red (#c2453f). */
.course-lesson .course-content a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"],
.course-lesson .course-content a[href*="1DGT_tcDIJvwgVLStWCHgHO4oJTJblMEh"],
.course-lesson .course-content a[href*="1ZHGvMe_YKAnHHIAPNfXDviVh-oXwq4pI"],
.course-lesson .course-content a[href*="1chwUDd1KcBPSnTCOwrToUu7-rPK2DAL3"],
.course-lesson .course-content a[href*="1R8b0vfzgU45sT5Lt5tTz-ukp2JVOKLlP"],
.course-lesson .course-content a[href*="1FZxQBL4cVBdrWrZBDPWW2Bhzm1N0hVyb"],
.course-lesson .course-content a[href*="1_cVwVTUBjt9m7G09pEASrx3eRv88juTX"],
.course-lesson .course-content a[href*="1gu0y6SbY5fLE0qx1YudnigKH1_CcYk75"],
.course-lesson .course-content a[href*="babyem.typeform.com/to/mPBXOVpZ"]{
  display:inline-block !important;
  margin:10px 12px 10px 0 !important;
  padding:15px 26px !important;
  border:0 !important;
  border-radius:10px !important;
  font-weight:700 !important;
  font-size:1.02rem !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  color:#fff !important;
  box-shadow:0 2px 5px rgba(0,0,0,0.15) !important;
  transition:background .15s ease !important;
}
.course-lesson .course-content a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"]::before,
.course-lesson .course-content a[href*="1DGT_tcDIJvwgVLStWCHgHO4oJTJblMEh"]::before,
.course-lesson .course-content a[href*="1ZHGvMe_YKAnHHIAPNfXDviVh-oXwq4pI"]::before,
.course-lesson .course-content a[href*="1chwUDd1KcBPSnTCOwrToUu7-rPK2DAL3"]::before,
.course-lesson .course-content a[href*="1R8b0vfzgU45sT5Lt5tTz-ukp2JVOKLlP"]::before,
.course-lesson .course-content a[href*="1FZxQBL4cVBdrWrZBDPWW2Bhzm1N0hVyb"]::before,
.course-lesson .course-content a[href*="1_cVwVTUBjt9m7G09pEASrx3eRv88juTX"]::before,
.course-lesson .course-content a[href*="1gu0y6SbY5fLE0qx1YudnigKH1_CcYk75"]::before{content:"\2193\00a0\00a0";font-weight:700}
.course-lesson .course-content a[href*="babyem.typeform.com/to/mPBXOVpZ"]::before{content:"\2191\00a0\00a0";font-weight:700}
.course-lesson .course-content a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"],
.course-lesson .course-content a[href*="1DGT_tcDIJvwgVLStWCHgHO4oJTJblMEh"],
.course-lesson .course-content a[href*="1ZHGvMe_YKAnHHIAPNfXDviVh-oXwq4pI"],
.course-lesson .course-content a[href*="1chwUDd1KcBPSnTCOwrToUu7-rPK2DAL3"],
.course-lesson .course-content a[href*="1R8b0vfzgU45sT5Lt5tTz-ukp2JVOKLlP"],
.course-lesson .course-content a[href*="1_cVwVTUBjt9m7G09pEASrx3eRv88juTX"],
.course-lesson .course-content a[href*="1gu0y6SbY5fLE0qx1YudnigKH1_CcYk75"],
.course-lesson .course-content a[href*="1FZxQBL4cVBdrWrZBDPWW2Bhzm1N0hVyb"]{background:#1c5e53 !important}
.course-lesson .course-content a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"]:hover,
.course-lesson .course-content a[href*="1DGT_tcDIJvwgVLStWCHgHO4oJTJblMEh"]:hover,
.course-lesson .course-content a[href*="1ZHGvMe_YKAnHHIAPNfXDviVh-oXwq4pI"]:hover,
.course-lesson .course-content a[href*="1chwUDd1KcBPSnTCOwrToUu7-rPK2DAL3"]:hover,
.course-lesson .course-content a[href*="1R8b0vfzgU45sT5Lt5tTz-ukp2JVOKLlP"]:hover,
.course-lesson .course-content a[href*="1_cVwVTUBjt9m7G09pEASrx3eRv88juTX"]:hover,
.course-lesson .course-content a[href*="1gu0y6SbY5fLE0qx1YudnigKH1_CcYk75"]:hover,
.course-lesson .course-content a[href*="1FZxQBL4cVBdrWrZBDPWW2Bhzm1N0hVyb"]:hover{background:#164a41 !important}
.course-lesson .course-content a[href*="babyem.typeform.com/to/mPBXOVpZ"]{background:#c2453f !important}
.course-lesson .course-content a[href*="babyem.typeform.com/to/mPBXOVpZ"]:hover{background:#a8352f !important}

/* --- Assignment brief & support sheet: plain links at the foot of lessons ---
   Owner request (09 Sep 2026, re-applied 13 Sep 2026): the assignment-download
   links that appear in "Assignment · Qx" pointers at the foot of lessons render
   as plain brand-red text links, not the teal buttons above. The buttons are
   kept on the assessment lesson itself, identified as the lesson that also
   carries the Typeform submit link. */
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1DGT_tcDIJvwgVLStWCHgHO4oJTJblMEh"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1ZHGvMe_YKAnHHIAPNfXDviVh-oXwq4pI"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1chwUDd1KcBPSnTCOwrToUu7-rPK2DAL3"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1R8b0vfzgU45sT5Lt5tTz-ukp2JVOKLlP"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1FZxQBL4cVBdrWrZBDPWW2Bhzm1N0hVyb"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1_cVwVTUBjt9m7G09pEASrx3eRv88juTX"],
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1gu0y6SbY5fLE0qx1YudnigKH1_CcYk75"]{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:#c2453f !important;
  font-weight:600 !important;
  font-size:inherit !important;
  line-height:inherit !important;
  text-decoration:underline !important;
}
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1DGT_tcDIJvwgVLStWCHgHO4oJTJblMEh"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1ZHGvMe_YKAnHHIAPNfXDviVh-oXwq4pI"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1chwUDd1KcBPSnTCOwrToUu7-rPK2DAL3"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1R8b0vfzgU45sT5Lt5tTz-ukp2JVOKLlP"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1FZxQBL4cVBdrWrZBDPWW2Bhzm1N0hVyb"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1_cVwVTUBjt9m7G09pEASrx3eRv88juTX"]::before,
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content a[href*="1gu0y6SbY5fLE0qx1YudnigKH1_CcYk75"]::before{content:none !important}

/* --- "Assignment · Qx" pointer: teal callout box, plain links inside -------
   Owner request (13 Sep 2026): the assignment pointer at the foot of a lesson
   sits in a callout box - the teal of the old buttons - with the brief and
   support-sheet links as plain text links inside it. Matches the pointer by
   the brief's Google-Doc ID, whether the author wrote it as a blockquote or
   a plain paragraph, so every lesson renders the same. The assessment lesson
   (the one that also carries the Typeform submit link) keeps its buttons. */
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content :is(p, blockquote):has(a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"]){
  margin:1.9em 0 !important;
  padding:18px 22px !important;
  background:#e9f2ef !important;
  border:1px solid #cfe1db !important;
  border-left:3px solid #1c5e53 !important;
  border-radius:0 12px 12px 0 !important;
  color:#163f38 !important;
  font-size:.98rem !important;
}
.course-lesson:not(:has(a[href*="babyem.typeform.com/to/mPBXOVpZ"])) .course-content :is(p, blockquote):has(a[href*="1MrvUQkreG6a49CCd4i0HGO9bmVD46yoA"]) a[href*="docs.google.com/document"]{
  color:#1c5e53 !important;
  font-weight:700 !important;
  text-decoration:underline !important;
}

/* --- Baby reflux checklist download button (added on request) --------------
   The checklist PDF link in Colic/Reflux Level 3 lesson 05.5 styled as a solid
   red button, same idiom and dimensions as the assessment buttons above. */
.course-lesson .course-content a[href$="baby-reflux-checklist.pdf"],
.course-lesson .course-content a[href^="/assets/documents/"][href*="checklist"],
.course-lesson .course-content a[href$="/baby-reflux.pdf.pdf"],
.course-lesson .course-content a[href$="/baby-crying-no-overview.pdf.pdf"],
.course-lesson .course-content a[href$="/common-symptoms.pdf.pdf"]{
  display:inline-block !important;
  margin:10px 12px 10px 0 !important;
  padding:15px 26px !important;
  border:0 !important;
  border-radius:10px !important;
  font-weight:700 !important;
  font-size:1.02rem !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  color:#fff !important;
  background:#c2453f !important;
  box-shadow:0 2px 5px rgba(0,0,0,0.15) !important;
  transition:background .15s ease !important;
}
.course-lesson .course-content a[href$="baby-reflux-checklist.pdf"]::before,
.course-lesson .course-content a[href^="/assets/documents/"][href*="checklist"]::before,
.course-lesson .course-content a[href$="/baby-reflux.pdf.pdf"]::before,
.course-lesson .course-content a[href$="/baby-crying-no-overview.pdf.pdf"]::before,
.course-lesson .course-content a[href$="/common-symptoms.pdf.pdf"]::before{content:"\2193\00a0\00a0";font-weight:700}
.course-lesson .course-content a[href$="baby-reflux-checklist.pdf"]:hover,
.course-lesson .course-content a[href^="/assets/documents/"][href*="checklist"]:hover,
.course-lesson .course-content a[href$="/baby-reflux.pdf.pdf"]:hover,
.course-lesson .course-content a[href$="/baby-crying-no-overview.pdf.pdf"]:hover,
.course-lesson .course-content a[href$="/common-symptoms.pdf.pdf"]:hover{background:#a8352f !important}

/* --- PMH L3 welcome: workbook download buttons ----------------------------
   The three Dropbox workbook links on the welcome lesson, dressed as brand
   buttons (same convention as the reflux checklist button above). Scoped by
   href so the notes sanitiser can't strip the styling. */
.course-lesson .course-content a[href*="6i5uzq2935lik1a"],
.course-lesson .course-content a[href*="fhypcpq1n9w3rha"],
.course-lesson .course-content a[href*="ihdrybhqz9lmu5z"]{
  display:inline-block;
  background:#c2453f;
  color:#fff !important;
  padding:13px 24px;
  border-radius:10px;
  text-decoration:none !important;
  font-weight:600;
  font-family:'DM Sans',sans-serif;
  font-size:15px;
  margin:6px 10px 6px 0;
  box-shadow:0 2px 6px rgba(168,53,47,.25);
  transition:background .15s ease, transform .15s ease;
}
.course-lesson .course-content a[href*="6i5uzq2935lik1a"]:hover,
.course-lesson .course-content a[href*="fhypcpq1n9w3rha"]:hover,
.course-lesson .course-content a[href*="ihdrybhqz9lmu5z"]:hover{
  background:#a8352f;
  transform:translateY(-1px);
}

/* --- Assessment pages: submit + download buttons --------------------------
   The coursework submit link (Typeform) and the assessment download links
   (Google Docs /copy), dressed as brand buttons on any lesson that uses them.
   Same convention as the workbook buttons above. */
.course-lesson .course-content a[href*="typeform.com/to/mPBXOVpZ"],
.course-lesson .course-content a[href*="14yWyIhh7jaG9ZEDM4vbgLSh5IMJQYGFU"],
.course-lesson .course-content a[href*="1YG9ACACkmRmp-Y5eyvdWH-f8ZV_RmRtz"]{
  display:inline-block;
  background:#c2453f;
  color:#fff !important;
  padding:13px 24px;
  border-radius:10px;
  text-decoration:none !important;
  font-weight:600;
  font-family:'DM Sans',sans-serif;
  font-size:15px;
  margin:6px 10px 6px 0;
  box-shadow:0 2px 6px rgba(168,53,47,.25);
  transition:background .15s ease, transform .15s ease;
}
.course-lesson .course-content a[href*="typeform.com/to/mPBXOVpZ"]:hover,
.course-lesson .course-content a[href*="14yWyIhh7jaG9ZEDM4vbgLSh5IMJQYGFU"]:hover,
.course-lesson .course-content a[href*="1YG9ACACkmRmp-Y5eyvdWH-f8ZV_RmRtz"]:hover{
  background:#a8352f;
  transform:translateY(-1px);
}
.course-lesson .course-content a[href*="typeform.com/to/mPBXOVpZ"]::before{content:"\2191\00a0\00a0";font-weight:700}

/* --- Lesson image sizing, Holistic Sleep Coaching (added on request) -------
   Images were constrained by WIDTH only, so a tall portrait diagram (the HPA
   axis in 01.6, for one) filled the column and then ran ~1000px down the
   page. Capping the HEIGHT and letting width follow keeps landscape diagrams
   full and readable while bringing portrait ones back to a sensible size.
   Centred, because a narrowed image left-aligned looks like a mistake. */
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content img{
  max-height:460px;
  width:auto;
  max-width:100%;
  display:block;
  margin:1.6em auto;
}

/* --- Accordion rows, Holistic Sleep Coaching (added on request) ------------
   The shared cream tint above is too close to this course's page ground to
   read, and the cream is already spoken for by the Reflect callouts. A light
   NEUTRAL grey keeps four surfaces telling apart: white page, cream callout,
   green companion box, grey accordion. Deliberately not black - accordions
   are controls, and a black bar would outweigh the serif headings above. */
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion{
  background:#f4f2f0;
  border:1px solid #e5e0db;
}
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion + .course-accordion{margin-top:8px}
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-accordion:hover{background:#efebe7}

/* --- Module references button (added on request) ---------------------------
   Each module introduction carries a link to that module's reference list.
   Styled as a solid teal download button so it is easy to see, matched by
   the shared "-references.pdf" filename rather than one rule per module. */
.course-lesson .course-content a[href^="/assets/documents/"][href$="-references.pdf"]{
  display:inline-block !important;
  margin:10px 12px 10px 0 !important;
  padding:15px 26px !important;
  border:0 !important;
  border-radius:10px !important;
  font-weight:700 !important;
  font-size:1.02rem !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  color:#fff !important;
  background:#1c5e53 !important;
  box-shadow:0 2px 5px rgba(0,0,0,0.15) !important;
  transition:background .15s ease !important;
}
.course-lesson .course-content a[href^="/assets/documents/"][href$="-references.pdf"]::before{content:"\2193\00a0\00a0";font-weight:700}
.course-lesson .course-content a[href^="/assets/documents/"][href$="-references.pdf"]:hover{background:#164a41 !important}

/* --- Companion document boxes (added on request) --------------------------
   The "Before you start" block at the top of each HSCP module introduction
   holds that module's companion document. Tinted green so it reads as a
   different kind of box from the cream Reflect callouts used in lessons.
   Matched by the sixteen companion doc links, same href idiom as the
   assessment buttons above, so no other blockquote is affected. */
.course-lesson .course-content blockquote:has(a[href*="124i9d1xA9lTcnezYI9CcMwxD5Msj57SE"]),
.course-lesson .course-content blockquote:has(a[href*="1JSa1kabRGBVUbtI9vkZlQTcsxbbuak3T"]),
.course-lesson .course-content blockquote:has(a[href*="134gLRtYxg0ETLfV_KTXf9yPoFTqIRitw"]),
.course-lesson .course-content blockquote:has(a[href*="1-3Pa9NSgIUjpzomt4h9pZvnj-NqYjJBr"]),
.course-lesson .course-content blockquote:has(a[href*="130R3uyFZUVwJ1Crz8Jc4dMG6-bU-ikhq"]),
.course-lesson .course-content blockquote:has(a[href*="12Hg-wd42tRYJUD64juSd5NnHknJRa6j3"]),
.course-lesson .course-content blockquote:has(a[href*="1UJQvBR3wLeEzmDxHCGQJCpwAyHwVCYH5"]),
.course-lesson .course-content blockquote:has(a[href*="1VHDqvwcTDiMYk6VWtWl7rECiMQJ63eGM"]),
.course-lesson .course-content blockquote:has(a[href*="18GZsHiyeSj2EZPvgsCD7EJTUqs6iO-q7"]),
.course-lesson .course-content blockquote:has(a[href*="1iUClNNxz5KO1mPZP47H_n4Sf2KesX1bP"]),
.course-lesson .course-content blockquote:has(a[href*="1ePd6NGu1wur-oFfBjnzYgbkGSjEEzuSZ"]),
.course-lesson .course-content blockquote:has(a[href*="1JNKNqxB4hvGWTD3NrWnTXC26qSCDlGk4"]),
.course-lesson .course-content blockquote:has(a[href*="1QPF8tmhUydOoB8KetVrfqQP2e9dQQnof"]),
.course-lesson .course-content blockquote:has(a[href*="1EAm4g4QurCtSeerInW4DPOYEZT5YhykU"]),
.course-lesson .course-content blockquote:has(a[href*="1LB2ZKM_NObJ94tx9mmf8zCKToGXJ0Fso"]),
.course-lesson .course-content blockquote:has(a[href*="18Rh4ID7moJQFJaTcpfl2jZxLZ7yEkxua"]){
  background:#eef5f2;
  border:1px solid #cfe3db;
  border-left:3px solid #1c5e53;
  color:#2b3a35;
}
.course-lesson .course-content blockquote:has(a[href*="124i9d1xA9lTcnezYI9CcMwxD5Msj57SE"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1JSa1kabRGBVUbtI9vkZlQTcsxbbuak3T"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="134gLRtYxg0ETLfV_KTXf9yPoFTqIRitw"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1-3Pa9NSgIUjpzomt4h9pZvnj-NqYjJBr"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="130R3uyFZUVwJ1Crz8Jc4dMG6-bU-ikhq"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="12Hg-wd42tRYJUD64juSd5NnHknJRa6j3"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1UJQvBR3wLeEzmDxHCGQJCpwAyHwVCYH5"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1VHDqvwcTDiMYk6VWtWl7rECiMQJ63eGM"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="18GZsHiyeSj2EZPvgsCD7EJTUqs6iO-q7"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1iUClNNxz5KO1mPZP47H_n4Sf2KesX1bP"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1ePd6NGu1wur-oFfBjnzYgbkGSjEEzuSZ"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1JNKNqxB4hvGWTD3NrWnTXC26qSCDlGk4"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1QPF8tmhUydOoB8KetVrfqQP2e9dQQnof"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1EAm4g4QurCtSeerInW4DPOYEZT5YhykU"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="1LB2ZKM_NObJ94tx9mmf8zCKToGXJ0Fso"]) > p:first-child > strong:first-child,
.course-lesson .course-content blockquote:has(a[href*="18Rh4ID7moJQFJaTcpfl2jZxLZ7yEkxua"]) > p:first-child > strong:first-child{color:#1c5e53}

/* --- Podcast pages: Next episode as a button ------------------------------
   Every podcast episode ends with an h2 ("Next episode" / "Start listening")
   followed by a single paragraph holding one link to an episode page. Dress
   that link as the masthead button so the route onwards stands out from the
   quiz and companion links above it. Scoped to a link straight after an h2
   whose href is an episode page, so quiz lists and body links are untouched. */
.course-lesson .course-content h2 + p > a[href*="/episode-"]{display:inline-block;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;line-height:1.2;background:#c2453f;color:#fff;padding:14px 24px;border-radius:6px;text-decoration:none;box-shadow:0 1px 2px rgba(43,41,38,.12);transition:background .18s ease}
.course-lesson .course-content h2 + p > a[href*="/episode-"]::after{content:" \2192";font-weight:700}
.course-lesson .course-content h2 + p > a[href*="/episode-"]:hover{background:#a8352f;color:#fff;text-decoration:none}

/* --- Process flowchart, Holistic Sleep Coaching (added on request) --------
   Recreates the WordPress flowchart of dark grey boxes joined by down arrows
   (first used in 06B.1). In lesson notes, write each step as its own
   ###### line, one after another. Consecutive steps get an arrow between
   them; the last step has none. h6 is used nowhere else in this course. */
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content h6{
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:640px;
  margin:1.6em auto 1.8em !important;
  padding:24px 26px;
  background:#595959;
  color:#fff !important;
  font-family:'DM Sans',sans-serif;
  font-size:1.05rem !important;
  font-weight:400 !important;
  line-height:1.45;
  letter-spacing:normal;
  text-transform:none;
  text-align:center;
  border:0;
  border-radius:0;
}
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content h6 + h6{margin-top:0 !important}
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content h6:has(+ h6){margin-bottom:50px !important}
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content h6:has(+ h6)::before{
  content:"";position:absolute;left:50%;bottom:-20px;width:14px;height:14px;background:#595959;transform:translateX(-50%);
}
html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content h6:has(+ h6)::after{
  content:"";position:absolute;left:50%;bottom:-42px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:22px solid #595959;transform:translateX(-50%);
}
@media (max-width:600px){html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content h6{padding:18px 16px;font-size:1rem !important}}

/* --- Wide tables on phones, Holistic Sleep Coaching (added on request) ----
   Three-column reference tables (e.g. the waking patterns table in 06B.4)
   were cut off at the right edge on phones. On small screens the table
   scrolls sideways inside the column instead, with a minimum cell width so
   the text stays readable. Desktop is unaffected. */
@media (max-width:700px){
  html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content table th,
  html:has(link[href*="/holistic-sleep-coaching-program/"]) .course-lesson .course-content table td{min-width:9rem}
}

/* --- Hidden quiz lessons, Holistic Sleep Coaching (added on request) --------
   Post test quizzes that are reached only from a link inside their bonus
   lesson, not from the course outline. Add a handle here to hide another. */
.course-syllabus-item[data-lesson-handle="hscp-the-truth-about-night-waking"]{display:none !important}

/* --- Quick links: Submit tile as a plain card ------------------------------
   The "Submit your work" quick link was a full-width red accent bar; shown
   instead as the same white card + red icon square as the other tiles
   (changed on request). Scoped via :has() to the Submit (Typeform) link so a
   course that leads its Quick links with something else keeps its accent tile.
   The :has() lifts specificity above the li:first-child accent rules earlier
   in this file, so this wins without those needing to change. */
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child:has(a[href*="typeform.com/to/mPBXOVpZ"]){grid-column:auto;display:block;padding:16px;background:#fff;border-color:#e8e3db;color:#6b6560}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child:has(a[href*="typeform.com/to/mPBXOVpZ"]):hover{background:#fff;border-color:#c2453f}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child:has(a[href*="typeform.com/to/mPBXOVpZ"]) > a{color:#2b2926;font-size:14.5px;margin-bottom:4px}
.course-overview:not(:has(a[href*="sleep-diary-workshop/"],a[href*="sleep-consultant-kickstarter/"])) .course-description > ul:nth-of-type(1) > li:first-child:has(a[href*="typeform.com/to/mPBXOVpZ"])::before{margin-bottom:11px;flex:none;background-color:#faf1ef;border-color:#f2ddd9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8352f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M7 8l5-5 5 5'/%3E%3Cpath d='M12 3v13'/%3E%3C/svg%3E")}

/* --- Audio lessons: a single small play button -------------------------------
   PRD 160 renders an audio lesson on the full 16/9 course-artwork stage. The
   owner wants ONLY a small play/pause button (2026-09-16): the narration
   mirrors the text on the page, so no scrubber, no time, no captions, no
   transcript panel. Selectors carry the html .course-lesson .course-content
   prefix to outrank this file's own earlier .bnd-player-root video sizing
   (line ~741); the wrap's inline aspect-ratio/width from courses.js need the
   !important. display:none on the <video> is safe - a hidden video element
   keeps playing its audio and firing timeupdate. Applies to audio lessons on
   every course on this site. */
html .course-lesson .course-content .bnd-player-audio{aspect-ratio:auto !important;width:auto !important;height:auto !important;min-height:0 !important;max-width:100%;background:none !important;overflow:visible !important;border-radius:0;margin:0.35rem 0 1.5rem}
html .course-lesson .course-content .bnd-player-audio video{display:none !important}
html .course-lesson .course-content .bnd-player-audio .bnd-player-bar{position:static !important;background:none !important;opacity:1 !important;padding:0;gap:0;flex-wrap:nowrap}
html .course-lesson .course-content .bnd-player-audio .bnd-player-back,html .course-lesson .course-content .bnd-player-audio .bnd-player-fwd,html .course-lesson .course-content .bnd-player-audio .bnd-player-speed,html .course-lesson .course-content .bnd-player-audio .bnd-player-captions,html .course-lesson .course-content .bnd-player-audio .bnd-player-caption-lang,html .course-lesson .course-content .bnd-player-audio .bnd-player-pip,html .course-lesson .course-content .bnd-player-audio .bnd-player-full,html .course-lesson .course-content .bnd-player-audio .bnd-player-time,html .course-lesson .course-content .bnd-player-audio .bnd-player-scrub,html .course-lesson .course-content .bnd-player-audio .bnd-player-linebreak{display:none !important}
html .course-lesson .course-content .bnd-player-audio .bnd-player-play{background:var(--bernard-accent, #1c5e53);color:#fff !important;border-radius:999px;width:auto;height:36px;min-width:36px;min-height:36px;padding:0 14px 0 11px;gap:7px;font-size:0.8rem;font-weight:600}
html .course-lesson .course-content .bnd-player-audio .bnd-player-play::after{content:"Listen to this lesson";font-size:0.85rem;white-space:nowrap}
html .course-lesson .course-content .bnd-player-audio .bnd-player-play.bnd-player-playing::after{content:"Pause"}
html .course-lesson .course-content .bnd-player-audio .bnd-player-play:hover,html .course-lesson .course-content .bnd-player-audio .bnd-player-play:focus-visible{background:color-mix(in srgb, var(--bernard-accent, #1c5e53) 82%, #000)}
html .course-lesson .course-content .bnd-player-audio .course-loading{position:static;padding:0.4rem 0;color:inherit;opacity:0.6}
html .course-lesson .course-content .bnd-player-root:has([data-b-audio]){display:block !important}
html .course-lesson .course-content .bnd-player-root:has([data-b-audio]) .bnd-transcript{display:none !important}
html .course-lesson .course-content .course-video.course-audio{aspect-ratio:auto !important;background:#faf1ef !important;color:#8a3f38 !important;border:1px solid #f2ddd9;border-radius:10px;min-height:44px;padding:0.65rem 0.9rem}

/* --- Podcast courses: a fuller audio player (owner request, 11 Oct 2026) ---
   The podcast episodes in the two Blended MNT courses are long recordings,
   so they get more than the small play button above: a progress bar with a
   mark at each chapter, the time, back and forward 10 seconds, playback
   speed, and the tappable chapter list under each player. Narrated audio on
   every other course keeps the small play button. To give another course the
   podcast player, add its address to the :has() list here AND in the "No
   video chapters" block. */
html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-player-bar{flex-wrap:wrap !important;align-items:center !important;gap:0.25rem 0.35rem !important}
html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-player-back,html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-player-fwd,html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-player-speed{display:inline-flex !important;color:var(--bernard-accent, #1c5e53) !important}
html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-player-time{display:block !important;color:#6b6560 !important;min-width:0 !important;margin-left:auto}
html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-player-scrub{display:flex !important;order:9 !important;flex:1 1 100% !important;min-width:0 !important}
html .course-lesson:has(> .course-crumb a[href*="/blended-maternity-nurse-training-level-3/"], > .course-crumb a[href*="/blended-maternity-nurse-training-level-4-2/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-3/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-level-4-new/"], > .course-crumb a[href*="/colic-reflux-infant-allergies-non-accredited/"], > .course-crumb a[href*="/perinatal-mental-health-level-3/"], > .course-crumb a[href*="/perinatal-mental-health-level-4-2/"], > .course-crumb a[href*="/perinatal-mental-health-non-accredited/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-3-new/"], > .course-crumb a[href*="/maternity-nurse-training-online-level-4-new/"], > .course-crumb a[href*="/holistic-sleep-coaching-program/"]) .course-content .bnd-player-audio .bnd-chapter-tick{background:var(--bernard-accent, #1c5e53) !important;opacity:0.7}

/* Workbook download buttons (Emma, 26 Oct 2026). In lesson notes write
   <p><a class="workbook-btn" href="/assets/documents/....pdf">📄 Printable Workbook</a></p> */
.course-content a.workbook-btn{display:inline-block;background:var(--bernard-accent, #c2453f);color:var(--bernard-accent-ink, #ffffff) !important;padding:0.65em 1.3em;border-radius:999px;font-weight:600;text-decoration:none !important;line-height:1.2;margin:0.3em 0.6em 0.3em 0;box-shadow:0 1px 3px rgba(43,41,38,0.18);transition:background 0.15s ease}
.course-content a.workbook-btn:hover,.course-content a.workbook-btn:focus-visible{background:#a8352f}
.course-content a.workbook-btn:focus-visible{outline:3px solid #2b2926;outline-offset:2px}