/* TPMG brand appearance. Original logo, crop and layout are retained. */
.brand-mark picture{display:block;width:100%;height:auto}
/* Keep browser auto-darkening from independently recoloring the brand. */
.brand{color-scheme:only light}
@media (prefers-color-scheme:dark){
  .site-header{background:#092640;border-bottom-color:#385166;color:#f7f9fb;color-scheme:dark}
  .site-header .brand,.site-footer .brand{background:transparent;color:#f7f9fb}
  .site-header .brand-mark,.site-footer .brand-mark{background:transparent}
  .site-header .brand-full,.site-footer .brand-full{color:#f7f9fb}
  .site-header .brand-rule,.site-footer .brand-rule{background:#607588}
  .site-header .nav{background:#092640;color:#f7f9fb;border-color:#385166}
  .site-header .nav>a:not(.button){color:#f7f9fb;border-color:#385166}
  .site-header .nav>a:not(.button):after{background:#f7f9fb}
  .site-header .nav .button{background:#f7f9fb;color:#0c2f4d;border-color:#f7f9fb}
  .site-header .nav .button:hover{background:#e2eaf0;color:#0c2f4d}
  .site-header .menu-toggle{color:#f7f9fb;border-color:#607588}
  .site-header .menu-lines,.site-header .menu-lines:before,.site-header .menu-lines:after{background:#f7f9fb}
  .menu-open .site-header .menu-lines{background:transparent}
  .site-header :focus-visible{outline:2px solid #fff;outline-offset:5px}
}