.zc-app-guide-tools { display: none; }

@media screen and (max-width: 921px) {
  .zc-guide-docked { --zc-app-dock-height: 110px; }
  .zc-guide-docked:has(.zc-app-guide-tools[open]) { --zc-app-dock-height: 160px; }
  .zc-guide-docked .zc-chapter-sidebar > :is(.zc-chapter-overview, .zc-page-outline, .zc-chapter-list) { display: none; }
  .zc-guide-docked .zc-chapter-sidebar:not(:has(> .zc-resume:not([hidden]))),
  .zc-guide-docked .zc-overview-reading-layout > .zc-chapter-sidebar { display: none; }
  .zc-guide-docked .zc-reading-layout { grid-template-columns: minmax(0, 1fr); }
  .zc-guide-docked .zc-reading-layout:not(:has(> .zc-chapter-sidebar > .zc-resume:not([hidden]))) > .entry-content,
  .zc-guide-docked .zc-overview-reading-layout > .zc-overview-main { grid-area: 1 / 1; }

  .zc-app-guide-tools {
    display: block;
    grid-area: 1 / 1 / auto / -1;
    border-radius: 9px;
    background: #245259;
    color: #fff;
  }
  .zc-app-guide-tools > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0 12px;
    list-style: none;
    font-weight: 700;
    cursor: pointer;
  }
  .zc-app-guide-tools > summary::-webkit-details-marker { display: none; }
  .zc-app-guide-tools > summary::after {
    content: '';
    width: 8px;
    height: 8px;
    border: solid currentColor;
    border-width: 2px 2px 0 0;
    transform: rotate(-45deg);
  }
  .zc-app-guide-tools[open] > summary::after { transform: rotate(135deg); }
  .zc-app-guide-tools[open] > .zc-mobile-reading {
    display: flex;
    position: static;
    transform: none;
    gap: 4px;
    width: 100%;
    max-width: none;
    padding: 0 4px 4px;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .zc-app-guide-tools .zc-mobile-reading :is(a, button) {
    flex: 1 1 0;
    padding: 4px;
    background: #e5f3ec;
    color: #153c37;
    border: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    font-size: 13px;
  }
  .zc-guide-docked:has(.zc-mobile-reading:not([hidden])) .zc-back-top {
    bottom: calc(var(--zc-app-dock-height) + 12px + env(safe-area-inset-bottom, 0px));
  }
}