/* Selected pastel bookmark direction. Original generated tab artwork; live text.
   The active learning step is shown without earned/completed states. */
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice {
  min-height:64px!important;padding:2px 8px 2px 2px!important;gap:8px!important;
  background:transparent!important;border-color:transparent!important;border-radius:14px!important;
  box-shadow:none!important;transform:none!important;transition:background-color 120ms ease-out!important;
}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice [data-ui='st.numStyle'] {
  position:relative;flex:0 0 60px!important;width:60px!important;height:60px!important;
  box-sizing:border-box;padding:0 0 4px!important;border-radius:0!important;border:0!important;
  background:transparent url('assets/stage-bookmark-pastels.webp') 0% 50% / 300% 100% no-repeat!important;
  color:#164f42!important;font-family:'Ttobak UI','Ttobak Learning',sans-serif!important;
  font-size:17px!important;font-weight:600!important;line-height:1!important;
  box-shadow:none!important;transform:translateY(0);transition:transform 120ms ease-out,filter 120ms ease-out!important;
}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[data-stage='2'] [data-ui='st.numStyle'],
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[data-stage='5'] [data-ui='st.numStyle'],
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[data-stage='8'] [data-ui='st.numStyle'] {background-position:50% 50%!important;}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[data-stage='3'] [data-ui='st.numStyle'],
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[data-stage='6'] [data-ui='st.numStyle'],
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[data-stage='9'] [data-ui='st.numStyle'] {background-position:100% 50%!important;}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice .stage-choice-title {
  white-space:pre-line!important;color:#315647!important;line-height:1.4!important;
}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[aria-current='step'] {
  background:#fff0df!important;border-color:#f2d5b9!important;
}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[aria-current='step'] [data-ui='st.numStyle'] {
  background-position:100% 50%!important;filter:saturate(1.5);color:#164f42!important;outline:none;
}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[aria-current='step'] .stage-choice-title {color:#174f40!important;font-weight:700!important;}
@media(hover:hover) and (pointer:fine){
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice:not([aria-current='step']):hover {background:#fff7e9!important;}
}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice:active [data-ui='st.numStyle'] {transform:translateY(2px);}
body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice:focus-visible {outline:3px solid #197c99!important;outline-offset:3px!important;}
@media(prefers-reduced-motion:reduce){
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice,
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice [data-ui='st.numStyle']{transition:none!important;}
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice:active [data-ui='st.numStyle']{transform:none;}
}
@media(forced-colors:active){
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice{background:Canvas!important;border-color:CanvasText!important;}
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice [data-ui='st.numStyle']{background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important;filter:none!important;}
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice .stage-choice-title{color:CanvasText!important;}
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[aria-current='step']{background:Highlight!important;border-color:Highlight!important;}
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[aria-current='step'] [data-ui='st.numStyle'],
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice[aria-current='step'] .stage-choice-title{background:Highlight!important;color:HighlightText!important;}
 body .tt-learning-app [data-ui='sidebarStyle'] .learning-stage-choice:focus-visible{outline-color:Highlight!important;}
}