/* MSID Design System filters 6.7.32. Shared desktop/mobile filter states and controls. */
/* ---------------------- Desktop filter language ---------------------- */
.tk-filters-bar,.tk-active-filters,.tk-cat-icons-bar,.sp-filters-bar{
  background:var(--msid-ivory);
  border-color:var(--msid-line-soft);
  box-shadow:none;
}
.tk-filters-bar .tfb-btn,
.tk-filters-bar .tfb-sort,
.tk-filters-bar button.fp-field-smart-btn,
.tk-filters-bar .tfb-clear-btn{
  
  border-color:var(--msid-aubergine-line);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
  box-shadow:0 3px 10px rgba(60,22,66,.035);
}
.tk-filters-bar .tfb-btn :is(span,strong,small,b,i),
.tk-filters-bar button.fp-field-smart-btn :is(span,strong,small,b,i){
  color:inherit;
  -webkit-text-fill-color:inherit;
}
.tk-filters-bar :is(.tfb-btn,button.fp-field-smart-btn):is(:hover,:focus,:focus-visible){
  background:var(--msid-aubergine-soft);
  border-color:var(--msid-aubergine);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.tk-filters-bar :is(.tfb-btn,button.fp-field-smart-btn):is(.open,.has-selection),
.tk-cat-icons-bar .tcib-item.active,
:is(.filter-chip,.category-chip,.sp-subject-pill,.sp-grade-tab):is(.active,.on,.has-selection){
  background:var(--msid-lime-soft);
  border-color:var(--msid-lime);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.tk-filters-bar .tfb-arr{
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.tk-filters-bar .tfb-btn[data-count]:not([data-count="0"])::after{
  background:var(--msid-lime);
  color:var(--msid-ink);
  border:1px solid var(--msid-lime);
}
.tk-filters-bar .tfb-clear-btn,
.tk-filters-bar .tfb-clear-btn:is(:hover,:focus-visible){
  background:var(--msid-surface);
  border-color:var(--msid-aubergine);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.tk-filters-bar .tfb-clear-btn *{color:inherit;-webkit-text-fill-color:inherit;}
.tfb-dd,.tfb-field-dd{
  background:var(--msid-surface);
  border-color:var(--msid-aubergine-line);
  box-shadow:0 20px 48px rgba(60,22,66,.13);
}
.tfb-dd::before{background:var(--msid-lime);}
.tfb-filter-search{
  background:var(--msid-ivory);
  border-color:var(--msid-line);
}
.tfb-filter-search:focus-within{
  border-color:var(--msid-aubergine);
  box-shadow:0 0 0 3px rgba(200,241,53,.24);
}
.tfb-dd .tfb-opt{
  background:var(--msid-surface);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}
.tfb-dd .tfb-opt:is(:hover,:focus-within),
.tfb-dd .tfb-opt:has(input:checked){
  background:var(--msid-lime-soft);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.tfb-dd :is(input[type="checkbox"],input[type="radio"]),
.tk-filters-bar :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--msid-aubergine);}
#active-chips>* , .taf-chip{
  background:var(--msid-aubergine-soft);
  border-color:var(--msid-aubergine-line);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}

/* ---------------------- Mobile/tablet filter language ---------------------- */
.msid-mobile-directory-discovery,.msid-mobile-school-discovery{
  background:var(--msid-ivory);
  border-color:var(--msid-line-soft);
}
.msid-mobile-directory-search,.msid-mobile-school-search,
.msid-mobile-results-toolbar>label,
.msid-mobile-directory-drawer,.msid-mobile-school-drawer{
  background:var(--msid-surface);
  border-color:var(--msid-aubergine-line);
}
.msid-mobile-directory-search:focus-within,.msid-mobile-school-search:focus-within{
  border-color:var(--msid-aubergine);
  box-shadow:0 0 0 3px rgba(200,241,53,.20);
}
.msid-mobile-results-toolbar>button{
  box-shadow:0 7px 16px rgba(60,22,66,.10);
}
.msid-mobile-results-toolbar>button b{
  background:var(--msid-lime);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}
.msid-mobile-active-chip{
  background:var(--msid-lime-soft);
  border-color:var(--msid-lime);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.msid-mobile-directory-drawer>header,.msid-mobile-school-drawer>header,
.msid-mobile-directory-drawer>footer,.msid-mobile-school-drawer>footer{
  background:var(--msid-ivory);
  border-color:var(--msid-line-soft);
}
.msid-mobile-directory-drawer>header button,.msid-mobile-school-drawer>header button{
  background:var(--msid-surface);
  border-color:var(--msid-aubergine-line);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.msid-mobile-directory-drawer-body select,.msid-mobile-school-drawer-body select{
  background:var(--msid-surface);
  border-color:var(--msid-line);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}
.msid-mobile-directory-drawer-body fieldset button,.msid-mobile-school-drawer-body fieldset button{
  background:var(--msid-surface);
  border-color:var(--msid-aubergine-line);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
.msid-mobile-directory-drawer-body fieldset button.is-active,
.msid-mobile-school-drawer-body fieldset button.is-active{
  background:var(--msid-lime);
  border-color:var(--msid-lime);
  color:var(--msid-ink);
  -webkit-text-fill-color:var(--msid-ink);
}
.msid-mobile-directory-drawer>footer button:not(:last-child),
.msid-mobile-school-drawer>footer button:not(:last-child){
  background:var(--msid-surface);
  border-color:var(--msid-aubergine-line);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}

/* --- Unified directory/filter visual language (homepage family) --- */
body:not(.home) :is(.msid-mobile-directory-discovery,.msid-mobile-school-discovery){
  background:var(--msid-ivory);
  border-color:var(--msid-line-soft);
}
@media (min-width:761px){
  body:not(.home) :is(.msid-mobile-directory-discovery,.msid-mobile-school-discovery)>.container{
    padding:18px 20px 20px;
    border:1px solid var(--msid-line-soft);
    border-radius:22px;
    background:var(--msid-surface);
    box-shadow:0 12px 30px rgba(60,22,66,.045);
  }
}
body:not(.home) :is(.msid-mobile-directory-search,.msid-mobile-school-search){
  background:var(--msid-ivory);
  border-color:var(--msid-aubergine-line);
  box-shadow:none;
}
body:not(.home) :is(.msid-mobile-directory-search,.msid-mobile-school-search)>span{
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
body:not(.home) :is(.msid-directory-discovery-heading strong,.msid-mobile-directory-nav strong,.msid-mobile-school-nav strong){color:var(--msid-aubergine)}
body:not(.home) :is(.msid-mobile-directory-selected,.msid-mobile-school-selected){
  background:var(--msid-lime-soft);
  border-color:var(--msid-lime-line);
}
body:not(.home) :is([data-mobile-directory-change],[data-mobile-directory-filter-open],[data-mobile-school-change],[data-mobile-school-filter-open]){
  background:var(--msid-surface);
  border-color:var(--msid-aubergine-line);
  color:var(--msid-aubergine);
  -webkit-text-fill-color:var(--msid-aubergine);
}
body:not(.home) :is([data-mobile-directory-filter-open],[data-mobile-school-filter-open]){
  background:var(--msid-aubergine);
  border-color:var(--msid-aubergine);
  color:#fff;
  -webkit-text-fill-color:#fff;
}
body:not(.home) :is([data-mobile-directory-filter-open],[data-mobile-school-filter-open]) :is(span,strong,b){color:inherit;-webkit-text-fill-color:inherit}