@media screen {
  [data-workspace-entry] { flex: 0 0 auto; }
  .workspace-menu { position: relative; margin: 0; font-family: 'Open Sans', Arial, sans-serif; }
  html body .workspace-trigger {
    min-height: 44px; display: flex; align-items: center; gap: 9px;
    padding: 6px 12px; cursor: pointer; list-style: none; color: #f8f4ec;
    background: #192541; border: 1px solid transparent; border-radius: 24px;
    font: 700 13px/1.3 'Open Sans', Arial, sans-serif;
  }
  html body .workspace-trigger::-webkit-details-marker { display: none; }
  html body .workspace-trigger:hover, html body .workspace-menu[open] > .workspace-trigger { border-color: #c4b18e; }
  .workspace-chevron { width: 6px; height: 6px; border: solid #c4b18e; border-width: 0 1px 1px 0; transform: rotate(45deg); margin-top: -3px; flex: none; }
  .workspace-menu[open] .workspace-chevron { transform: rotate(225deg); margin-top: 3px; }
  html body .workspace-panel {
    position: absolute; right: 0; top: calc(100% + 8px); z-index: 1100;
    transform: translateX(var(--workspace-shift, 0px)); width: min(310px, calc(100vw - 24px));
    padding: 8px; border-radius: 16px; border: 1px solid #c4b18e;
    background: #f8f4ec; color: #192541; box-shadow: 0 16px 40px #0003;
  }
  html body .workspace-title { margin: 6px 12px 8px; color: #665334; font: 700 12px/1.4 'Open Sans', Arial, sans-serif; }
  html body .workspace-panel a {
    min-height: 54px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
    padding: 8px 12px; border: 0; border-radius: 9px; background: transparent; color: #192541;
    font: 400 13px/1.45 'Open Sans', Arial, sans-serif; text-decoration: none; white-space: normal;
  }
  html body .workspace-panel a span { color: inherit; opacity: .86; font-size: 12px; }
  html body .workspace-panel a:hover { background: #eae3d7; }
  html body .workspace-panel a.workspace-resume { background: #192541; color: #f8f4ec; margin-bottom: 4px; }
  html body .workspace-menu :focus-visible { outline: 2px solid #a38856; outline-offset: 2px; }
  [data-workspace-entry="academy"] { margin: 8px 0 12px; width: fit-content; }
  [data-workspace-entry="academy"] .workspace-panel { left: 0; right: auto; }
}
@media screen and (max-width: 480px) {
  html body .workspace-trigger { font-size: 11px; padding-inline: 7px; gap: 6px; }
  html body .site-header { column-gap: 8px; }
  html body .site-header .brand img { max-width: min(105px, 30vw); }
  html body .site-header .language-disclosure > summary { padding-inline: 9px; gap: 5px; }
}
@media print { [data-workspace-entry] { display: none !important; } }
@media screen and (min-width: 901px) and (max-width: 1100px) {
  html body .site-header { column-gap: 14px; }
  html body .site-header > .site-nav { gap: 14px; }
  html body .site-header .brand img { max-width: 155px; }
}

@media screen {
  html body .academy-bar:has(> [data-workspace-entry="header"]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    grid-template-areas: "back reading workspace language";
    gap: 8px 16px;
  }
  .academy-bar > a:first-child { grid-area: back; }
  .academy-bar > .reading-controls { grid-area: reading; }
  .academy-bar > [data-workspace-entry="header"] { grid-area: workspace; margin: 0; }
  .academy-bar > .language-disclosure { grid-area: language; justify-self: end; }
  html body .academy-bar .workspace-panel { display: block; margin-top: 0; }
}
@media screen and (max-width: 760px) {
  html body .academy-bar:has(> [data-workspace-entry="header"]) {
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "back workspace language" "reading reading reading";
    column-gap: 8px;
  }
  .academy-bar > .reading-controls { justify-content: flex-end; margin: 0; }
}