/* /courses/single: flat, square, faint grid */
html body .course-hero {
  background-image:
    linear-gradient(rgba(26,158,114,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,158,114,.10) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
}
html body .course-body {
  background-image:
    linear-gradient(rgba(11,61,46,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.04) 1px, transparent 1px);
  background-size: 44px 44px;
}
html body .enroll-card,
html body .ec-thumb,
html body .ec-thumb img,
html body .ec-btn,
html body .btn,
html body .ch-badge,
html body .ch-category,
html body .section-block,
html body .section-block > div,
html body .learn-item,
html body .learn-check,
html body .instructor-card,
html body .instructor-avatar,
html body .lessons-list,
html body .lesson-item,
html body .lesson-free-badge,
html body .lessons-locked-note,
html body .detail-card,
html body .related-card,
html body .related-course,
html body .rc-emoji {
  border-radius: 0 !important;
}
html body .ec-thumb { aspect-ratio: 3 / 2; overflow: hidden; }
html body .ec-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .enroll-card,
html body .detail-card,
html body .related-card,
html body .instructor-card,
html body .lessons-list {
  box-shadow: none !important;
  border: 1px solid #d5e2dc !important;
}
html body .lesson-item { border-bottom: 1px solid #d5e2dc; }
html body .related-course:hover,
html body .lesson-item:hover { transform: none !important; box-shadow: none !important; }

/* Big landscape cover image in the hero, under the badges */
html body .ec-thumb { display: none !important; }
html body .ch-cover {
  width: 100%;
  margin-top: 28px;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #0B3D2E;
  border: 1px solid rgba(26,158,114,.35);
  border-radius: 0 !important;
}
html body .ch-cover img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; }

/* Fix: restore dark hero behind the white text, grid lines on top */
html body .course-hero {
  background-color: #07261d !important;
  background-image:
    radial-gradient(800px 320px at 20% 0, rgba(26,158,114,.28), transparent 70%),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important;
  background-repeat: no-repeat, repeat, repeat !important;
}
html body .course-hero h1 { color: #fff !important; }
html body .course-hero .ch-desc { color: rgba(255,255,255,.78) !important; }
html body .course-hero .ch-meta-item { color: rgba(255,255,255,.85) !important; }
html body .course-hero .ch-category { color: #5fd4a8 !important; }

/* Fix: show the whole cover image, no cropping */
html body .ch-cover { aspect-ratio: auto !important; }
html body .ch-cover img { height: auto !important; object-fit: contain !important; }