/* Yoga navigation v5: one elevated control strip, content first. The global
   Side Studies header and all other Side routes remain unchanged. */
body.yoga-white-surface .yoga-visually-hidden {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
#view .yoga-switchboard {
  position:sticky;
  top:0;
  z-index:35;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(290px,350px);
  align-items:center;
  column-gap:clamp(18px,2.3vw,30px);
  width:100%;
  min-height:56px;
  margin:0;
  padding:0 2px;
  border-bottom:1px solid #dce2da;
  background:rgba(255,255,255,.98);
  box-shadow:0 10px 18px -21px rgba(25,55,33,.28);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
#view .yoga-switchboard-brand {
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  flex:none;
  font:700 .69rem/1.25 var(--sans);
  letter-spacing:.135em;
  text-transform:uppercase;
  color:#284331;
  text-decoration:none;
}
#view .yoga-switchboard-brand small {
  font:500 .58rem/1.25 var(--sans);
  letter-spacing:.04em;
  color:#9fa9a0;
}
#view .yoga-switchboard-filters {
  display:flex;
  align-items:stretch;
  gap:clamp(13px,1.6vw,23px);
  min-width:0;
  min-height:56px;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
#view .yoga-switchboard-filters::-webkit-scrollbar {display:none}
#view .yoga-switchboard-filters a {
  display:inline-flex;
  align-items:center;
  position:relative;
  flex:none;
  min-height:44px;
  color:#767f78;
  font:600 clamp(.65rem,.75vw,.73rem)/1.35 var(--sans);
  text-decoration:none;
  transition:color .15s ease;
}
#view .yoga-switchboard-filters a[aria-current="true"] {color:#244631}
#view .yoga-switchboard-filters a[aria-current="true"]::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#52765d;
}
#view .yoga-switchboard-filters a:hover {color:#244631}
#view .yoga-switchboard-mobile-filter {display:none}
#view .yoga-switchboard-area {
  display:grid;
  grid-template-columns:31px minmax(0,1fr) auto 31px;
  align-items:center;
  min-width:0;
  height:40px;
  padding-left:clamp(8px,1.35vw,20px);
  border-left:1px solid #e2e7e0;
}
#view .yoga-switchboard-arrow {
  display:flex;
  align-items:center;
  justify-content:center;
  height:36px;
  min-width:30px;
  padding:0;
  border:0;
  border-radius:4px;
  color:#68816d;
  background:transparent;
  text-decoration:none;
  font:400 1.55rem/1 var(--serif);
  transition:color .15s ease,background .15s ease;
}
#view .yoga-switchboard-arrow:hover {
  color:#244631;
  background:#f2f6f2;
}
#view .yoga-switchboard-area-label {
  position:relative;
  display:block;
  min-width:0;
}
#view .yoga-switchboard-area-label::after,
#view .yoga-switchboard-mobile-filter::after {
  content:"";
  position:absolute;
  right:7px;
  top:49%;
  width:6px;
  height:6px;
  border-right:1.5px solid #55705d;
  border-bottom:1.5px solid #55705d;
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
}
#view .yoga-switchboard-area select,
#view .yoga-switchboard-mobile-filter select {
  appearance:none;
  display:block;
  width:100%;
  height:40px;
  min-width:0;
  margin:0;
  padding:0 20px 0 5px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#24412d;
  font:500 clamp(.78rem,1vw,.94rem)/1.3 var(--serif);
  text-overflow:ellipsis;
  cursor:pointer;
}
#view .yoga-switchboard-count {
  white-space:nowrap;
  padding:0 4px;
  color:#99a399;
  font:600 .58rem/1.25 var(--sans);
  letter-spacing:.04em;
  font-variant-numeric:tabular-nums;
}
#view .yoga-switchboard a:focus-visible,
#view .yoga-switchboard select:focus-visible {
  outline:2px solid #52765d;
  outline-offset:2px;
}
#view .yoga-area-navigation.yoga-area-direct {padding:7px 0 21px}
#view .yoga-area-navigation.yoga-area-direct .area-heading {margin:0 0 2px}
#view .yoga-area-navigation.yoga-area-direct .area-heading h2 {
  font-size:clamp(2rem,3.4vw,3.22rem);
  line-height:1.02;
}
#view .yoga-area-navigation.yoga-area-direct .yoga-pathway {
  grid-template-rows:minmax(153px,auto) minmax(153px,auto);
}
#view .yoga-area-navigation.yoga-area-direct .yoga-pathway-node {
  min-height:153px;
  padding:6px 2px;
}
#view .yoga-area-navigation.yoga-area-direct .yoga-pathway-center {min-height:302px}
#view .yoga-area-navigation.yoga-area-direct .yoga-area-after {margin-top:9px}
@media(max-width:970px) {
  #view .yoga-switchboard {
    grid-template-columns:auto minmax(0,1fr) minmax(230px,310px);
    column-gap:15px;
  }
  #view .yoga-switchboard-filters {gap:14px}
  #view .yoga-switchboard-count {display:none}
  #view .yoga-switchboard-area {grid-template-columns:31px minmax(0,1fr) 31px}
}
@media(max-width:720px) {
  #view .yoga-switchboard {
    grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);
    column-gap:8px;
    min-height:50px;
    padding:0;
  }
  #view .yoga-switchboard-brand,
  #view .yoga-switchboard-filters {display:none}
  #view .yoga-switchboard-mobile-filter {
    display:block;
    min-width:0;
    position:relative;
    border-right:1px solid #e3e7e1;
  }
  #view .yoga-switchboard-mobile-filter select {
    height:46px;
    font:650 .73rem/1.25 var(--sans);
    padding:0 17px 0 4px;
  }
  #view .yoga-switchboard-mobile-filter::after {right:8px}
  #view .yoga-switchboard-area {
    padding:0;
    height:46px;
    border:0;
    grid-template-columns:27px minmax(0,1fr) 27px;
  }
  #view .yoga-switchboard-arrow {min-width:27px;height:44px}
  #view .yoga-switchboard-area select {
    height:46px;
    padding:0 14px 0 1px;
    font-size:.79rem;
  }
  #view .yoga-switchboard-area-label::after {
    right:4px;
    width:5px;
    height:5px;
  }
  #view .yoga-area-navigation.yoga-area-direct {padding:8px 0 15px}
  #view .yoga-area-navigation.yoga-area-direct .area-heading h2 {
    font-size:clamp(2rem,7.2vw,3rem);
  }
  #view .yoga-area-navigation.yoga-area-direct .yoga-pathway-node {
    padding:5px 1px 7px;
  }
  #view .yoga-area-navigation.yoga-area-direct .yoga-pathway-node-art {
    height:clamp(72px,22vw,98px);
  }
  #view .yoga-area-navigation.yoga-area-direct .yoga-pathway-center {min-height:142px}
  #view .yoga-area-navigation.yoga-area-direct .yoga-pathway-center-art {
    width:137px;
    height:143px;
  }
}
@media(prefers-reduced-motion:reduce) {
  #view .yoga-switchboard a,
  #view .yoga-switchboard select {transition:none}
}