body.overview {
  overflow: auto;
}

body.overview #deck {
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2vw;
  padding: 4vw;
}

body.overview section {
  display: flex !important;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  padding: 1.5vw 2vw;
  border: 1px solid var(--rule);
  cursor: pointer;
  pointer-events: auto;
  overflow: hidden;
}

body.overview section h1 { font-size: 1.2rem; }
body.overview section h2 { font-size: 0.9rem; }
body.overview section h6 {
  font-size: 0.6rem;
  margin: 0.25rem 0 0.5rem;
}
body.overview section p,
body.overview section li,
body.overview section dt,
body.overview section dd,
body.overview section pre,
body.overview section table,
body.overview section th,
body.overview section td,
body.overview section blockquote p {
  font-size: 0.6rem;
  line-height: 1.3;
  margin-bottom: 0.2rem;
}

body.overview section th,
body.overview section td {
  padding: 0.05rem 0.4rem 0.05rem 0;
}

body.overview section.active {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}

body.overview footer,
body.overview section > footer,
body.overview #chapters { display: none; }

@media screen {
  body.cover #chapters,
  body.cover #page-number { display: none; }
}