/* Keeps the classic CTB dashboard and blue/gold identity while improving legibility. */
html body.page #main-content p,
html body.page #main-content li,
html body.page #main-content dd{font-size:max(17px,1rem);line-height:1.68}
html body.page #main-content small,
html body.page #main-content label,
html body.page #main-content dt{line-height:1.45}
html body.page #main-content a,
html body.page #main-content button,
html body.page #main-content input,
html body.page #main-content select{font:inherit}
html body.page a:focus-visible,
html body.page button:focus-visible,
html body.page input:focus-visible,
html body.page select:focus-visible{outline:4px solid #ffbf29!important;outline-offset:3px!important}
html body.page #main-content a[href^="tel:"],
html body.page #main-content a[href^="mailto:"]{display:inline-flex;min-height:44px;align-items:center;font-size:16px;font-weight:850;overflow-wrap:anywhere}
html body.page #main-content button,
html body.page #main-content input,
html body.page #main-content select,
html body.page #main-content [class*="button"],
html body.page #main-content [class*="btn"]{min-height:44px}
html body.page #main-content [class*="card"] a,
html body.page #main-content nav a{line-height:1.35}

@media(max-width:700px){
  html body.page #main-content p,
  html body.page #main-content li,
  html body.page #main-content dd{font-size:17px}
  html body.page #main-content a[href^="tel:"],
  html body.page #main-content a[href^="mailto:"]{font-size:15px}
  html body.page #main-content img{max-width:100%;height:auto}
  html body.page #main-content [class*="icon"] img,
  html body.page #main-content img[class*="icon"]{min-width:28px;min-height:28px}
}