/* Keep navigation and optional decoration in normal flow on desktop. */
@media (min-width: 901px) {
  html body #root .app-shell .library-sidebar {
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #aa824b transparent;
  }
  html body #root .app-shell .library-sidebar > * {
    flex-shrink: 0 !important;
  }
  html body #root .app-shell .library-sidebar :is(.library-sidebar-decor-card, .reading-goal-card) {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }
}
/* Scale the book with the card, leaving the heading clear above it. */
@container (min-width: 721px) {
  html body #root .app-shell.home-app-mode .home-current-card-art-layout .home-current-overlay .home-feature-cover {
    width: min(160px, 14.2cqi) !important;
  }
}
html body #root .app-shell[data-theme="light"] :is(.library-sidebar, .library-topbar, .settings-stack-clean, .library-check-page) svg {
  color: #75451f !important;
}