/* Compatibility for R2 HTML captured before the desktop layout update.
   Only elements marked by docs-layout-legacy.js are changed. */
body.legacy-reader-layout {
  --reader-width-growth: max(0px, calc(85vw - 1224px));
}
body.legacy-reader-layout .doc-layout[data-reader-layout-enhanced] {
  grid-template-columns: minmax(0, 1fr);
  max-width: min(86vw, calc(var(--reader-layout-base-width) + var(--reader-width-growth)));
}
body.legacy-reader-layout.has-toc .doc-layout[data-reader-layout-enhanced] {
  grid-template-columns: minmax(0, 1fr) 220px;
}
body.legacy-reader-layout .content-wrap[data-reader-layout-enhanced] {
  max-width: min(86vw, calc(var(--reader-layout-base-width) + var(--reader-width-growth)));
}
body.legacy-reader-layout .doc-layout .content-wrap[data-reader-layout-enhanced] {
  max-width: none;
}
body.legacy-reader-layout .sidebar-resize-handle {
  position: fixed;
  top: var(--content-offset, var(--topbar-h));
  bottom: 0;
  left: calc(var(--sidebar-w) - 5px);
  width: 10px;
  z-index: 160;
  cursor: col-resize;
  touch-action: none;
}
body.legacy-reader-layout.reader-sidebar-right .sidebar-resize-handle {
  left: auto;
  right: calc(var(--sidebar-w) - 5px);
}
body.legacy-reader-layout .sidebar-resize-handle::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  width: 2px;
  background: transparent;
}
body.legacy-reader-layout .sidebar-resize-handle:hover::after,
body.legacy-reader-layout .sidebar-resize-handle:focus-visible::after,
body.legacy-reader-layout.sidebar-resizing .sidebar-resize-handle::after {
  background: var(--accent);
}
body.legacy-reader-layout .sidebar-resize-handle:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
body.legacy-reader-layout.sidebar-resizing { cursor: col-resize; user-select: none; }
body.legacy-reader-layout.sidebar-collapsed .sidebar-resize-handle,
body.legacy-reader-layout.landing .sidebar-resize-handle { display: none; }

@media (max-width: 780px) {
  body.legacy-reader-layout .sidebar-resize-handle { display: none; }
  body.legacy-reader-layout .doc-layout[data-reader-layout-enhanced],
  body.legacy-reader-layout.has-toc .doc-layout[data-reader-layout-enhanced] {
    grid-template-columns: 1fr;
    max-width: none;
  }
  body.legacy-reader-layout .content-wrap[data-reader-layout-enhanced] { max-width: none; }
}