/* Tangled Bank site-wide typography invariants.

   This small layer is loaded after Quarto's compiled theme CSS. Some legacy
   pages intentionally choose a different Bootstrap theme, so the three rules
   below live outside STRATA and apply consistently to every HTML page. */

:root {
  --st-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif;
  --st-font-head: "Roboto Slab", "Iowan Old Style", Georgia, serif;
  --st-font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Code", monospace;
  --st-measure: 100%;
}

body {
  font-family: var(--st-font-body);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 450;
}

/* All document and component headings share the primary branch's slab face. */
body :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title) {
  font-family: var(--st-font-head) !important;
  font-weight: 650;
}

body :is(strong, b) {
  font-weight: 700;
}

/* Code uses one face whether it is inline, highlighted, folded, or output. */
body :is(code, pre, kbd, samp, .sourceCode) {
  font-family: var(--st-font-mono) !important;
}

/* The primary branch allows prose to use the complete Quarto content column. */
#quarto-document-content :is(p, ul, ol, dl, blockquote) {
  width: auto;
  max-width: none;
}

/* Do not compound the measure in nested prose or constrain boxed components. */
#quarto-document-content :is(li, dd, blockquote) > :is(p, ul, ol, dl, blockquote),
#quarto-document-content :is(
  .callout,
  .cell,
  .quarto-figure,
  .figure,
  .panel-tabset,
  .tab-content,
  .card,
  .tb-card,
  .tb-action,
  .tb-course-path-step,
  .columns,
  .grid,
  table
) :is(p, ul, ol, dl, blockquote) {
  width: auto;
  max-width: none;
}

@media (max-width: 991.98px) {
  :root {
    --st-measure: 100%;
  }
}