/* The wordmark in the header becomes the logo.
 *
 * A patch stylesheet, added rather than edited into an existing one, because
 * *.js and *.css here are served max-age=604800 and rewriting a file in place
 * strands every returning visitor on the old copy. Same convention as
 * cta-lock.v1.css and the rest of the chain in index.html.
 *
 * The <a> is addressed by its aria-label, NOT by its classes: the classes are
 * Tailwind hashes emitted by a build that no longer has source here, and a
 * label is content. It is the one attribute on that element that describes
 * what it IS rather than what it looks like.
 *
 * Nothing here hides the wordmark on its own. .has-logo is added by
 * brand.v1.js only after the image has actually loaded, so a missing or
 * broken file leaves the typeset name exactly as it is today. */
/* The header is h-16 (64px), so 46px is about as tall as this can go and still
   have air above and below it. At the current file's 736x222 that is ~152px
   wide, against the ~100px the first 30px cut gave. */
/* Same 40px as the rail, so one brand is one size across both surfaces. At
   3.32:1 that is ~133px wide, and the header is h-16 (64px), so it still has
   air above and below. */
header a[aria-label="JPAccess home"] .jp-logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
}
header a[aria-label="JPAccess home"].has-logo > span { display: none; }
@media (max-width: 640px) {
  header a[aria-label="JPAccess home"] .jp-logo { height: 32px; max-width: 150px; }
}