/* Page chrome shared by both themes (the app's own tokens are in web/src/styles.css). */
.navbar-brand .navbar-title { font-family: "Newsreader", Georgia, serif; font-weight: 600; letter-spacing: -0.01em; font-size: 1.25rem; }
.navbar .nav-link { font-size: 0.92rem; }
.navbar-logo { height: 26px; width: 26px; max-height: none; margin-right: 0.35rem; }
main.content { max-width: 1240px; margin-left: auto; margin-right: auto; }
.quarto-title .title { font-family: "Newsreader", Georgia, serif; letter-spacing: -0.015em; }
.quarto-title-block .quarto-title-banner { margin-bottom: 0; }
.page-intro { max-width: 46rem; font-size: 1.05rem; opacity: 0.85; }
.design-doc table { font-size: 0.86rem; }
.design-doc h2 { margin-top: 2.2rem; padding-bottom: 0.3rem; border-bottom: 1px solid var(--bs-border-color); }
.nav-footer { font-size: 0.82rem; }
/* Wide tables (DESIGN.md) scroll inside themselves on narrow screens. */
.design-doc table { display: block; overflow-x: auto; max-width: 100%; }
.design-doc td, .design-doc th { min-width: 9rem; }
.design-doc code { overflow-wrap: anywhere; }
main.content, .jt-mount { min-width: 0; max-width: 100%; }
@media (max-width: 760px) {
  main.content table { display: block; overflow-x: auto; max-width: 100%; }
  main.content td, main.content th { min-width: 8rem; }
}
code, pre, kbd, .sourceCode { font-variant-ligatures: none; font-feature-settings: "liga" 0, "calt" 0; }