/* The mark, beside the wordmark at the foot of the page.
 *
 * 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
 * brand.v6.css, cta-lock.v1.css and the rest of the chain in index.html.
 *
 * ADDED, not swapped. The header trades its typeset name for the full
 * wordmark artwork (brand.v6); this does not. The footer's "JPACCESS" sits in
 * a row with Legal notice, Privacy, Terms and Contact, and replacing it with a
 * square mark would leave the row starting on a glyph while everything beside
 * it is a word. The mark goes in front of the name instead.
 *
 * The class is added by footer-logo.v1.js only after the image has actually
 * loaded, so a missing or broken file leaves the footer exactly as it is. */
footer .jp-flogo-host {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
footer .jp-flogo {
  display: block;
  height: 19px;
  width: auto;
  object-fit: contain;
  /* The wordmark beside it is 13px at 600 weight; 19px puts the mark's optical
     weight on the same line without it becoming the loudest thing down here. */
}
@media (max-width: 640px) {
  footer .jp-flogo { height: 16px; }
}