/* Reading additions for the childhood vaccination guides; shared site shell
   and document typography remain in evx.css and evx-doc.css. */
.vaccination-guide { overflow-wrap: anywhere; }
.guide-breadcrumbs { font-size: .85rem; margin-bottom: 1.8rem; }
.guide-kicker { color: var(--accent-ink); font-weight: 700; font-size: .85rem; }
.vaccination-guide > .meta { margin-bottom: 1.3rem; }
.guide-answer { font-size: 1rem; }
.guide-contents { margin: 1.8rem 0 2rem; padding: 1rem 0; border-block: 1px solid var(--line); }
.guide-contents ul { margin-bottom: 0; }
.guide-contents li { margin-bottom: .55rem; }
.vaccination-guide h2[id] { scroll-margin-top: 110px; }
.guide-table { max-width: 100%; overflow-x: auto; }
.guide-table table { min-width: 480px; }
.guide-table caption { text-align: left; color: var(--ink-2); font-size: .85rem; margin: .3rem 0 .6rem; }
.guide-table tbody th { width: 30%; background: none; }
.guide-table .guide-three-columns { table-layout: fixed; }
.guide-table .guide-three-columns th:first-child { width: 24%; }
.guide-table .guide-three-columns thead th:nth-child(2) { width: 30%; }
.guide-table:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.vaccination-guide .faq-item h3 { font-size: 1rem; margin: 0 0 .45rem; }
.guide-cta h2 { margin: 0 0 .7rem; border: 0; padding: 0; }
.vaccination-guide a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 540px) {
  .guide-breadcrumbs { margin-bottom: 1.2rem; }
  .guide-table table { min-width: 0; font-size: .88rem; }
  .guide-table th, .guide-table td { padding: .6rem .4rem; }
  .guide-table tbody th { width: 32%; }
}