@import url("./typography.css");

/* Loaded after the document's own styles, only for the Web reading view. */
@media screen {
  body, body p, body :is(ul, ol) { font-size: var(--type-body); line-height: 1.75; }
  body h1, body .page-cover h1 { font-size: var(--type-hero); line-height: 1.3; }
  body h2 { font-size: var(--type-section); line-height: 1.35; }
  body h3 { font-size: var(--type-title); line-height: 1.55; }
  body h4, body .display-title { font-size: var(--type-subhead); }
  body table { font-size: var(--type-label); }
  body :is(figcaption, .annotation, .measurement-note, .report-disclaimer, .report-lightbox-caption, h1 + p:has(small)) { font-size: var(--type-meta); }
  body :is(.annotation, .measurement-note, .report-disclaimer, blockquote, td, th) :is(p, ul, ol),
  body h1 + p > small { font-size: inherit; }
  body blockquote, body .chart-tooltip { font-size: var(--type-label); }
  body pre, body code { font-size: var(--type-meta); }
}

@media screen {
  .research-document { overflow-wrap: anywhere; }
  .research-document .cover h1 { font-size: var(--type-hero); }
  .research-document .cover-title { padding: 0; border: 0; }
  .research-document :is(.table-scroll, .table-wrapper) { max-width: 100%; overflow-x: auto; }
  .research-document table { min-width: 32rem; font-size: var(--type-label); }
  .research-document .table-actions { display: flex; opacity: 0; pointer-events: none; }
  .research-document .table-wrapper:is(:hover, :focus-within) .table-actions { opacity: 1; pointer-events: auto; }
}
@media screen and (hover: none) {
  .research-document .table-actions { position: static; justify-content: flex-end; opacity: 1; pointer-events: auto; }
}