/* Reading pages (guides, state law, answers, articles, help): larger text, roomier lines,
   navy ink and a tinted band behind each section heading.
   Put class "pr-reading" on the page's main reading column. "pr-keep" keeps a component's
   own text size (tiles, tables, cards); "pr-plain" keeps a heading without the band. */
.pr-reading { color: var(--attention-ink, #042238); }
/* Pages on the shared reader type (articles, news, help, answers) size text through its variables. */
body.public-design #main-content .pr-reading.pr-reading { --reader-body-size: 18px; --reader-section-size: 30px; }
body.public-design #main-content .public-reader-type .pr-reading.pr-reading h2:not(:where(.pr-plain, .pr-keep *)) { font-family: Poppins, "Open Sans", sans-serif !important; }
body.public-design #main-content .pr-reading.pr-reading :is(p, li, dd, summary):not(:where(.pr-keep, .pr-keep *, table *, .slp-kn *, .slp-related *, .slp-legal *, .slp-toc-mobile *, .slp-src *, .slp-doc-src, .slp-doc-src *, .slp-types *, .slp-doc *)) {
  font-size: 18px; line-height: 1.7;
}
body.public-design #main-content .pr-reading.pr-reading :where(p + p, p + ul, p + ol, ul + p, ol + p, p + details) { margin-top: 18px; }
body.public-design #main-content .pr-reading.pr-reading h2:not(:where(.pr-plain, .pr-keep *)) {
  margin: 0 0 18px; padding: 16px 20px; border-radius: 4px;
  background: var(--pr-band, #E2FAF3);
  font-family: Poppins, "Open Sans", sans-serif; font-size: 30px; font-weight: 600; line-height: 1.25;
  letter-spacing: -.01em; color: var(--attention-ink, #042238);
}
/* The heading band colour is one per page, set as --pr-band by public-reading.js. */
/* A statute or source in brackets at the end of its sentence. */
.pr-reading a.pr-cite { color: var(--link-ink); font-weight: 400; white-space: normal; }
@media (max-width: 600px) {
  body.public-design #main-content .pr-reading.pr-reading { --reader-body-size: 17px; --reader-section-size: 24px; }
  body.public-design #main-content .pr-reading.pr-reading :is(p, li, dd, summary):not(:where(.pr-keep, .pr-keep *, table *, .slp-kn *, .slp-related *, .slp-legal *, .slp-toc-mobile *, .slp-src *, .slp-doc-src, .slp-doc-src *, .slp-types *, .slp-doc *)) { font-size: 17px; }
  body.public-design #main-content .pr-reading.pr-reading h2:not(:where(.pr-plain, .pr-keep *)) { padding: 12px 16px; font-size: 24px; }
}
/* Legal guides on the print-page layout set their type with !important; match it to replace it. */
.pd-reading #main-content .print-page .legal-prose.pr-reading :is(p, li, dd, p *, li *) { font-size: 18px !important; line-height: 1.7 !important; }
.pd-reading #main-content .print-page .legal-prose.pr-reading h2 { font: 600 30px/1.25 Poppins, "Open Sans", sans-serif !important; }
@media (max-width: 600px) {
  .pd-reading #main-content .print-page .legal-prose.pr-reading :is(p, li, dd, p *, li *) { font-size: 17px !important; }
  .pd-reading #main-content .print-page .legal-prose.pr-reading h2 { font-size: 24px !important; }
}
/* Each topic is a bordered card with its heading band across the top. */
body.public-design #main-content .pr-reading.pr-reading :is(.pr-sec, section:has(> h2:first-child):not(.slp-group)),
body.public-design #main-content .pr-reading.pr-sec {
  margin-top: 24px; padding: 0 24px 24px; border: 1px solid var(--border, #e6e9f0); border-radius: 4px; background: var(--surface, #fff);
}
body.public-design #main-content .pr-reading.pr-reading :is(.pr-sec, section:has(> h2:first-child):not(.slp-group)) > h2:first-child,
body.public-design #main-content .pr-reading.pr-sec > h2:first-child { margin: 0 -24px 18px; border-radius: 3px 3px 0 0; }
body.public-design #main-content .pr-reading.pr-reading .pr-sec > :last-child { margin-bottom: 0; }
@media (max-width: 600px) {
  body.public-design #main-content .pr-reading.pr-reading :is(.pr-sec, section:has(> h2:first-child):not(.slp-group)),
  body.public-design #main-content .pr-reading.pr-sec { padding: 0 16px 16px; }
  body.public-design #main-content .pr-reading.pr-reading :is(.pr-sec, section:has(> h2:first-child):not(.slp-group)) > h2:first-child,
  body.public-design #main-content .pr-reading.pr-sec > h2:first-child { margin: 0 -16px 16px; }
}