.masthead .brand{gap:0}
.masthead .brand-wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-size:22px;font-weight:900;line-height:1;letter-spacing:.025em}
.masthead .brand-wordmark span{color:#c83f46}
@media(max-width:1200px){.masthead .brand-wordmark{font-size:20px}}
@media(max-width:680px){.masthead .brand-wordmark{font-size:19px}}

.masthead nav .bot-link {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  font-weight: 700;
  white-space: nowrap;
}
.masthead nav .bot-link img {
  display: block;
  flex: none;
  width: 17px;
  height: 17px;
}
@media (max-width: 680px) {
  .masthead nav .bot-link img { width: 13px; height: 13px; }
}

@media (max-width: 420px) {
  body:has(> .masthead > .library-nav):not(.screen-reading, .wiring-page) {
    grid-template-rows: auto minmax(0, 1fr) 44px;
  }
  body.wiring-page:not(.wiring-screen) {
    grid-template-rows: auto minmax(0, 1fr);
  }
  .masthead .library-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
    margin-top: .25rem;
    gap: 0 .75rem;
  }
  .masthead .library-nav a { min-height: 36px; }
}