/* MGCLS-HI house style: one type scale and one look on every page, prose and data alike.
   Loaded after layout.html's own styles; the navbar and the footer are outside <main> and unchanged. */
main { font-size: 1.15rem; line-height: 1.6; color: #212529; }
main h1, main .h1 { font-size: 2rem; font-weight: 700; color: #4a148c; margin-bottom: .6em; }
main h2, main .h2 { font-size: 1.55rem; font-weight: 700; color: #4a148c; margin-bottom: .55em; }
main h3, main .h3 { font-size: 1.25rem; font-weight: 700; color: #3a2f52; margin-bottom: .5em; }
main h4, main h5, main .h4, main .h5 { font-size: 1.1rem; font-weight: 700; color: #3a2f52; }
main h6, main .h6 { font-size: 1rem; font-weight: 700; color: #3a2f52; }
main li { font-size: 1em; }
main .lead { font-size: 1.25rem; font-weight: 400; }
main .small, main small { font-size: .9rem; }

/* the welcome banner keeps its white lettering on the noise background */
main .science-hero h1, main .science-hero h2, main .science-hero h3 { color: #ffffff; }

/* cards, accordions and tables as on the data pages */
main .card { border-color: #e4dcef; }
main .card-header { background: #f7f3fc; border-bottom-color: #e4dcef; }
main .accordion-item { border-color: #e4dcef; }
main .accordion-button { font-size: 1.1rem; font-weight: 600; color: #3a2f52; }
main .accordion-button:not(.collapsed) { color: #4a148c; background: #f7f3fc; font-weight: 700; box-shadow: none; }
main .accordion-button:focus { box-shadow: 0 0 0 .2rem rgba(74, 20, 140, .2); }
main .table th { font-weight: 700; color: #2b2340; }
main .table thead.table-light th { background: #f7f3fc; }
main code { color: #7b1fa2; }

/* phones and small tablets */
@media (max-width: 767.98px) {
  main { font-size: 1rem; }
  main h1, main .h1 { font-size: 1.6rem; }
  main h2, main .h2 { font-size: 1.3rem; }
  main h3, main .h3 { font-size: 1.12rem; }
  main .lead { font-size: 1.05rem; }
  main .accordion-button { font-size: 1rem; }
}