@import url("styles.css");

/* Sans-serif reference design: related to the owner guide, but denser and more
   structured for lookup. */

.reference-page {
  --radius: .55rem;
}

h1,
h2,
h3,
.footer-brand {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
h3 {
  font-weight: 700;
}

.reference-hero h1,
.reference-section > h2 {
  letter-spacing: -.045em;
}

.reference-version-note,
.reference-note,
.public-mode-reference {
  border-radius: 0 var(--radius) var(--radius) 0;
}

.reference-toc a {
  width: 100%;
  border-radius: .4rem;
  white-space: normal;
}

.reference-toc ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: visible;
}

.sequence-list,
.status-reference,
.timing-table,
.scenario-list > section,
.reference-bullets {
  border-radius: var(--radius);
}

.status-reference strong,
.settings-tab,
.reference-version-note strong {
  letter-spacing: .035em;
}

@media (min-width: 64rem) {
  .reference-toc ol {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .reference-toc a {
    min-height: 3rem;
  }
}