.page-courses .courses-hero, .page-course-detail .course-detail-hero { padding: clamp(6.5rem, 12vw, 9rem) 1.5rem 3.5rem; border-bottom: 1px solid var(--light-gray, #e5e7eb); background: linear-gradient(135deg, #f7f9fb 0%, #e8eef2 100%); }
.page-courses .page-hero__inner, .page-course-detail .page-hero__inner, .page-courses .section > .container, .page-course-detail .section > .container { width: min(1180px, 100%); margin: 0 auto; }
.page-courses .eyebrow, .page-course-detail .eyebrow { margin: 0 0 .75rem; color: var(--brand-primary, #00adb1); font-family: var(--font-heading); font-size: .75rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.page-courses h1, .page-course-detail h1 { max-width: 52rem; margin: 0; color: var(--brand-primary, #00adb1); font-family: var(--font-heading); font-size: clamp(2.5rem, 7vw, 4.25rem); line-height: 1.04; }
.page-courses .page-hero p:last-child, .page-course-detail .page-hero__inner > p { max-width: 45rem; color: #52606d; font-size: 1.1rem; line-height: 1.65; }
.page-courses .section, .page-course-detail .section { padding: clamp(2.75rem, 7vw, 5rem) 1.5rem; background: #fff; }
.course-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.course-card { display: flex; min-width: 0; flex-direction: column; gap: .8rem; padding: 1.25rem; border: 1px solid var(--light-gray, #e5e7eb); border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(17, 24, 39, .05); }
.course-card > img { width: calc(100% + 2.5rem); max-width: none; aspect-ratio: 16 / 10; margin: -1.25rem -1.25rem .3rem; border-radius: 14px 14px 0 0; object-fit: cover; }
.course-card h2 { margin: 0; font-family: var(--font-heading); font-size: 1.3rem; line-height: 1.25; }
.course-card h2 a { color: #111827; text-decoration: none; }
.course-card h2 a:hover { color: var(--brand-primary, #00adb1); }
.course-card > p { margin: 0; color: #52606d; line-height: 1.6; }
.course-card__facts { display: grid; gap: .45rem; margin: 0; }
.course-card__facts > div { display: flex; justify-content: space-between; gap: 1rem; padding-top: .45rem; border-top: 1px solid #eef0f2; }
.course-card__facts dt { color: #6b7280; font-size: .82rem; }
.course-card__facts dd { margin: 0; color: #111827; font-weight: 700; }
.course-card .button, .faster-course__enroll button { display: inline-flex; min-height: 2.8rem; align-items: center; justify-content: center; margin-top: auto; padding: .65rem 1rem; border: 1px solid var(--action-primary, #8fc868); border-radius: var(--radius-md, 8px); background: var(--action-primary, #8fc868); color: #fff; font-family: var(--font-heading); font-weight: 700; text-decoration: none; cursor: pointer; }
.course-card .button:hover, .faster-course__enroll button:hover { border-color: var(--brand-dark, #17324d); background: var(--brand-dark, #17324d); }
.course-detail-hero__image { display: block; width: min(100%, 44rem); max-height: 28rem; margin-top: 1.5rem; border-radius: 14px; object-fit: cover; }
.page-course-detail [data-faster-course-detail-granular] > .container { display: grid; gap: 1.5rem; }
.page-course-detail [data-faster-course-detail-granular] section { padding: 1.5rem; border: 1px solid var(--light-gray, #e5e7eb); border-radius: 14px; }
.page-course-detail [data-faster-course-detail-granular] h2 { margin: 0 0 .75rem; color: #111827; font-family: var(--font-heading); }
.page-course-detail [data-faster-course-detail-granular] p, .page-course-detail [data-faster-course-detail-granular] li { color: #52606d; line-height: 1.65; }
@media (max-width: 56rem) { .course-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 38rem) { .course-grid { grid-template-columns: 1fr; } }