/* Controls adapted from the user-supplied catraco/Galahhad examples and
   the Expandable Tabs interaction. State remains owned by the trainer. */
.sound-control.premium-sound{gap:9px;min-height:44px;color:#675e78}
.premium-audio-glyph{position:relative;display:block;width:21px;height:21px;flex:0 0 21px;isolation:isolate}
.sound-control .premium-audio-glyph svg{position:absolute;inset:0;width:21px;height:21px;fill:currentColor;stroke:none;overflow:visible;transform-origin:45% 50%;transition:opacity .18s ease,transform .36s cubic-bezier(.34,1.56,.64,1);pointer-events:none}
.sound-control .premium-audio-mute{opacity:1;transform:scale(1) rotate(0)}
.sound-control .premium-audio-voice{opacity:0;transform:scale(.45) rotate(-24deg)}
.sound-control[aria-pressed="true"]{color:var(--purple,#6e2ff6)}
.sound-control[aria-pressed="true"] .premium-audio-mute{opacity:0;transform:scale(.45) rotate(24deg)}
.sound-control[aria-pressed="true"] .premium-audio-voice{opacity:1;transform:scale(1) rotate(0)}
.sound-control.premium-sound:hover .premium-audio-glyph{color:var(--purple-dark,#5421c7)}
.star .bookmark-symbol{width:20px;height:23px;fill:transparent;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;overflow:visible}
.star .bookmark-symbol path{fill:transparent;transition:fill .2s ease,stroke .2s ease}
.star[aria-pressed="true"] .bookmark-symbol{fill:#f6cd58;stroke:#805f08}
.star[aria-pressed="true"] .bookmark-symbol path{fill:#f6cd58;stroke:#805f08}
.premium-expandable .expandable-label{display:inline-block;min-width:0;white-space:nowrap;vertical-align:middle}
.premium-expandable .expandable-label #term-total{margin-left:5px;font-variant-numeric:tabular-nums}
.top-nav .premium-nav-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.top-nav a.premium-expandable{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;padding:11px 13px;text-decoration:none;transition:background .18s ease,color .18s ease}
.top-nav a.premium-expandable[aria-current="page"]{background:#ebe4fc;color:var(--purple-dark,#5421c7)}
.top-nav a.premium-expandable[aria-current="page"]::after{display:none}
.top-nav a.premium-expandable:hover{background:#eeeaf6;color:var(--purple-dark,#5421c7)}
.top-nav:has(>.premium-expandable){gap:5px}
.tab.premium-expandable{gap:8px;min-height:44px}
.tab.premium-expandable>.expandable-label{font:inherit;color:inherit;margin-left:0}
@media(hover:hover) and (pointer:fine) and (min-width:681px){
  .tab.premium-expandable,.top-nav a.premium-expandable{gap:0}
  .premium-expandable .expandable-label{max-width:0;opacity:0;transform:translateX(-3px);margin-left:0;overflow:hidden;transition:max-width .34s cubic-bezier(.22,1,.36,1),margin-left .34s cubic-bezier(.22,1,.36,1),opacity .18s ease,transform .25s ease}
  .tab.premium-expandable.active .expandable-label,
  .tab.premium-expandable[aria-current="page"] .expandable-label,
  .top-nav a.premium-expandable[aria-current="page"] .expandable-label,
  .premium-expandable:hover .expandable-label,
  .premium-expandable:focus-visible .expandable-label{max-width:var(--label-width,150px);margin-left:8px;opacity:1;transform:translateX(0)}
  .tab.premium-expandable{padding-left:14px;padding-right:14px}
}
@media(max-width:680px),(hover:none),(pointer:coarse){
  .premium-expandable .expandable-label{max-width:none;opacity:1;transform:none;overflow:visible;margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .sound-control .premium-audio-glyph svg,.star .bookmark-symbol path,
  .premium-expandable .expandable-label,.top-nav a.premium-expandable{transition:none!important}
}
.reduced-motion .sound-control .premium-audio-glyph svg,
.reduced-motion .star .bookmark-symbol path,
.reduced-motion .premium-expandable .expandable-label,
.reduced-motion .top-nav a.premium-expandable{transition:none!important}
@media(forced-colors:active){
  .star[aria-pressed="true"] .bookmark-symbol path{fill:Highlight;stroke:ButtonText}
  .top-nav a.premium-expandable[aria-current="page"]{outline:1px solid Highlight}
}