/* 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. */
/* v9 (2026-09-24): the artwork is now the bare "agoras" wordmark
   (agoras-fulltext-trim.png, 4.03:1, no margins, lowercase with a "g"
   descender). The old 40px box was cut for a lockup that carried its own
   air; on a marginless wordmark it made the letters twice the nav size. 27px
   puts the x-height (~2/3 of the file) at ~18px, level with the 17-19px nav
   wordmark it replaces, ~109px wide. The 4px nudge centres the x-height band
   on the nav line instead of the box (the descender otherwise pulls the
   visual centre up). */
header a[aria-label="Agoras home"] .jp-logo {
  display: block;
  height: 27px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  transform: translateY(4px);
}
header a[aria-label="Agoras home"].has-logo > span { display: none; }
@media (max-width: 640px) {
  header a[aria-label="Agoras home"] .jp-logo { height: 22px; max-width: 150px; transform: translateY(3px); }
}