/*
 * Centre the page content next to a guide's docked sidebar (Tree Fruit,
 * the only root-built guide with one). Scoped to body.nav-sidebar.docked, so
 * pages without a sidebar are untouched. Same as
 * publications/organic-vegetable-crops/crop-layout.css - keep in sync.
 *
 * Quarto's docked-sidebar grid caps the content column at ~1000px and gives
 * all leftover width to one column at the far right ("5fr"), so on wide
 * screens the content hugs the sidebar. This is the same grid with that
 * leftover split into two equal flexible gaps: one between the sidebar and
 * the content ([body-start] -> [body-content-start]) and one at the right.
 * The sidebar spans screen-start / body-start, so it keeps its width.
 * Copied from Quarto 1.9's body.docked rule (min-width: 992px) - recheck if
 * the Quarto version in build.sh changes.
 */
@media (min-width: 992px) {
  body.nav-sidebar.docked .page-columns {
    grid-template-columns:
      [screen-start] 1.5em
      [screen-start-inset page-start] minmax(50px, 100px)
      [page-start-inset] 50px
      [body-start-outset] 50px
      [body-start] minmax(1.5em, 1fr)
      [body-content-start] minmax(500px, calc(1000px - 3em))
      [body-content-end] 1.5em
      [body-end] 50px
      [body-end-outset] minmax(50px, 100px)
      [page-end-inset] 50px
      [page-end] minmax(0px, 1fr)
      [screen-end-inset] 1.5em
      [screen-end];
  }
}