/* Celular em modo paisagem: a tela é larga o bastante para o Quarto manter o
   índice lateral (ele só some abaixo de 768px), mas a altura é pequena demais
   para sobrar espaço. Aqui repetimos o tratamento que o Quarto aplica em telas
   estreitas: esconde o índice e joga o conteúdo em uma única coluna. */
@media (orientation: landscape) and (max-height: 600px) {
  #quarto-margin-sidebar,
  nav[role="doc-toc"] {
    display: none !important;
  }

  body .page-columns,
  body.fullcontent:not(.floating):not(.docked) .page-columns,
  body.slimcontent:not(.floating):not(.docked) .page-columns,
  body.docked .page-columns,
  body.docked.slimcontent .page-columns,
  body.docked.fullcontent .page-columns,
  body.floating .page-columns,
  body.floating.slimcontent .page-columns,
  body.floating.fullcontent .page-columns,
  body:not(.floating):not(.docked) .page-columns.toc-left,
  body:not(.floating):not(.docked) .page-columns.toc-left .page-columns {
    display: grid;
    gap: 0;
    grid-template-columns:
      [screen-start] 1.5em
      [screen-start-inset page-start page-start-inset body-start-outset body-start body-content-start] minmax(0px, 1fr)
      [body-content-end body-end body-end-outset page-end-inset page-end screen-end-inset] 1.5em
      [screen-end];
  }
}