/*
  Brings the standalone resource pages (binohash, covenants, post-quantum,
  op-if-bitcoin, btc-atlas) in line with the markdown article template:
  IBM Plex Mono headings at the template's sizes. Scoped to each page's
  content container so sidebars and app chrome keep their own label sizes.
*/
h1, h2, h3, h4, h5, h6 {
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: normal !important;
}
.container h1, .hero h1 {
  font-size: clamp(2rem, 4.5vw, 2.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.container h2, .main-content h2, .main h2 {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
}
.container h3, .main-content h3, .main h3 {
  font-size: 1.15rem !important;
  font-weight: 600 !important;
}

/* phones: wide tables and the dependency graph scroll inside their own box,
   the same way the markdown article template handles wide tables */
@media (max-width: 900px) {
  .container table, .main-content table, .main table { display: block; max-width: 100%; overflow-x: auto; }
  .dep-graph { max-width: 100%; overflow-x: auto; }
}
