/* MSID internal hero system. Loaded after legacy page CSS; scoped source order owns the shared hero presentation. */

/* ---------------------- Internal page heroes ---------------------- */
body:not(.home) :is(.tk-dir-hero,.tk-tax-hero,.sp-hero,.msid-school-hero){
  background:var(--msid-ivory);
  background-image:none;
  border-color:transparent;
}
body.archive .tk-dir-hero>.container,
body.tax-tk_inst_type .tk-tax-hero>.container,
body .sp-hero>.container,
body.page-template-page-private-lessons .msid-school-hero>.container,
body.single-tk_course .course-decision-hero-inner{
  background:
    radial-gradient(circle at 88% 16%,rgba(200,241,53,.16),transparent 27%),
    radial-gradient(circle at 10% 92%,rgba(200,241,53,.08),transparent 30%),
    linear-gradient(135deg,var(--msid-aubergine-dark) 0%,var(--msid-aubergine) 68%,#55205D 100%);
  border:1px solid rgba(200,241,53,.20);
  color:#fff;
  box-shadow:0 18px 44px rgba(60,22,66,.10);
}
.msid-managed-hero.has-managed-bg>.container{
  background:
    linear-gradient(135deg,rgba(42,14,47,.95),rgba(60,22,66,.90) 67%,rgba(82,32,90,.86));
}
.msid-managed-hero>.msid-hero-managed-overlay{
  background:linear-gradient(90deg,rgba(42,14,47,.40),rgba(42,14,47,.62));
}
body.archive .tk-dir-hero>.container :is(.tdh-title,h1,h2,h3),
body.tax-tk_inst_type .tk-tax-hero>.container :is(.tth-title,h1,h2,h3,strong),
body .sp-hero>.container :is(.sp-hero-title,h1,h2,h3,strong),
body.page-template-page-private-lessons .msid-school-hero>.container :is(.tdh-title,h1,h2,h3,strong),
body.single-tk_course .course-decision-hero-inner :is(h1,h2,h3,strong){
  color:#fff;
  -webkit-text-fill-color:#fff;
}
body.archive .tk-dir-hero>.container :is(.tdh-sub,.tdh-breadcrumb,.tdh-breadcrumb a,.tdh-breadcrumb span),
body.tax-tk_inst_type .tk-tax-hero>.container :is(.tth-sub,.tth-breadcrumb,.tth-breadcrumb a,.tth-breadcrumb span),
body .sp-hero>.container :is(.sp-hero-desc,.sp-hero-badge),
body.page-template-page-private-lessons .msid-school-hero>.container :is(.tdh-sub,.tdh-breadcrumb,.tdh-breadcrumb a,.tdh-breadcrumb span),
body.single-tk_course .course-decision-hero-inner .course-hero-lead{
  color:rgba(255,255,255,.82);
  -webkit-text-fill-color:rgba(255,255,255,.82);
}
.tdh-intent-question{
  background:var(--msid-lime);
  border-color:var(--msid-lime);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}
body.tax-tk_inst_type .tth-icon{
  background:rgba(200,241,53,.13);
  border:1px solid rgba(200,241,53,.28);
  color:var(--msid-lime);
  -webkit-text-fill-color:var(--msid-lime);
}
body.tax-tk_inst_type .tth-count{
  background:var(--msid-lime);
  border-color:var(--msid-lime);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}

/* Search controls embedded in heroes stay light; CTA follows brand hierarchy. */
body:not(.home) :is(.tk-dir-hero,.tk-tax-hero,.sp-hero,.msid-school-hero) .tdh-search{
  background:var(--msid-surface);
  border-color:rgba(255,255,255,.46);
  box-shadow:0 10px 24px rgba(42,14,47,.12);
}
body:not(.home) :is(.tk-dir-hero,.tk-tax-hero,.sp-hero,.msid-school-hero) .tdh-search :is(input,span){
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}
body:not(.home) :is(.tk-dir-hero,.tk-tax-hero,.sp-hero,.msid-school-hero) .tdh-search button,
body.tax-tk_inst_type .tk-filters-bar .tdh-search button{
  background:var(--msid-aubergine);
  border-color:var(--msid-aubergine);
  color:#fff;
  -webkit-text-fill-color:#fff;
}
body:not(.home) :is(.tk-dir-hero,.tk-tax-hero,.sp-hero,.msid-school-hero) .tdh-search button:is(:hover,:focus-visible),
body.tax-tk_inst_type .tk-filters-bar .tdh-search button:is(:hover,:focus-visible){
  background:var(--msid-lime);
  border-color:var(--msid-lime);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}