/* Fullstack only. Brand red sampled from assets/kt-cloud-negative.png: #ED1B23.
   Darker fills support white small text; lighter accents support dark surfaces. */
.local-course.course-product-management {
  --kt-red: #ed1b23;
  --kt-red-strong: #d71920;
  --kt-red-ink: #b91821;
  --kt-red-text: #ff646c;
  --kt-red-focus: #ff9399;
  --kt-red-soft: #fff0f1;
  --kt-red-surface: #351d21;
  --kt-red-border: #8b3940;
}

/* Navigation and calls to action. The course planet keeps its original colors. */
.course-product-management .site-header :is(.header-apply,.header-recruitment),
.course-product-management .course-overview .course-overview-cta { background: var(--kt-red-strong); }
.course-product-management .site-header .header-apply:hover { background: #bb141b; }
.course-product-management .course-overview .course-overview-tags li { background: var(--kt-red-surface); }
.local-course.course-product-management :focus-visible { outline-color: var(--kt-red-focus); }
.course-product-management ::selection { background: #a9141d; color: #fff; }

/* The white skills bar and legacy blue/green Notion emphasis. */
.course-product-management .course-brand .course-brand-number { background: #ffe3e5; color: var(--kt-red-ink); }
.course-product-management :is(
  [style*="color:rgb(82,156,202)"], [style*="color: rgb(82, 156, 202)"],
  [style*="color:rgb(77,171,154)"], [style*="color: rgb(77, 171, 154)"]
) { color: var(--kt-red-text) !important; }

/* Curriculum states remain distinct after the change from green to red. */
.course-product-management .fs-curriculum .fs-curri-eyebrow { color: var(--kt-red-text); }
.course-product-management .fs-curriculum .fs-curri-month { color: #c7c1c3; }
.course-product-management .fs-curriculum .fs-curri-month:hover { background: #352328; border-color: var(--kt-red-border); }
.course-product-management .fs-curriculum .fs-curri-month[aria-selected="true"] {
  background: var(--kt-red-strong);
  border-color: var(--kt-red);
  box-shadow: 0 9px 26px rgb(237 27 35 / 20%);
  color: #fff;
}
.course-product-management .fs-curriculum .fs-curri-pill { background: var(--kt-red-strong); }
.course-product-management .fs-curriculum .fs-curri-item { background: #f8f3f3; color: #403438; }
.course-product-management .fs-curriculum .fs-curri-item-head:hover { background: #f2e4e6; }
.course-product-management .fs-curriculum .fs-curri-item-desc { color: #65575b; }
.course-product-management .fs-curriculum .fs-curri-chevron { border-color: #9d8e91; }
.course-product-management .fs-curriculum :is(.fs-curri-month,.fs-curri-item-head):focus-visible { outline-color: var(--kt-red-focus); }
.course-product-management .fs-curriculum .fs-curri-item-head:focus-visible { outline-color: var(--kt-red-strong); }

/* Mission diagram colors come from the original fullstack stylesheet. */
.course-product-management .course-section--missions .notion-image-block img { filter: grayscale(1); }

/* Slideshow scripts can continue updating their inline colors; selected state wins. */
.course-product-management [data-course-slide-dot][aria-current="true"] > div { background-color: var(--kt-red) !important; }
.course-product-management .timetable-arrow:hover { background: var(--kt-red-surface); border-color: var(--kt-red); }
.course-product-management .timetable-arrow:focus-visible { outline-color: var(--kt-red-focus); }

/* FAQ text emphasis and links follow the brand palette; emoji keep their original colors. */
.course-product-management .course-faq .faq-q-mark { color: #ff1e2a; }
.course-product-management .course-faq .hl-red { color: var(--kt-red-text); }
.course-product-management .course-faq .hl-yellow { background: #ffdadd; color: #4e141b; }
.course-product-management .course-faq a { color: #ff969d; }
.course-product-management .course-faq a:hover { color: #ffc1c6; }
.course-product-management .course-faq :is(a,summary):focus-visible { outline-color: var(--kt-red-focus); }
.course-product-management .fullstack-theme-symbol { display: inline-block; filter: grayscale(1); }