/* v1. Served max-age=604800: never edit in place, ship a new name.
 * The header wordmark, smaller again (2026-09-27, operator: "decrease the
 * size, it should be relatively small"): every size it had, times 0.75.
 *   desktop          brand.v11.css          24px -> 18px
 *   <=639px          mobile-sections.v6.css 28px -> 21px  (!important there)
 *   <=439px          header-join.v1.css     24px -> 18px  (!important there)
 *   <=374px          header-join.v1.css     22px -> 16px
 *   <=339px, de/fr   header-join.v1.css     18px -> 14px
 * The phone steps are !important in their own files, so they are restated
 * here with !important and the same selectors; this file is linked AFTER
 * header-join.v1.css, so it wins on order. Delete the link to go back.
 */
header a[aria-label="Agoras home"] .jp-logo {
  height: 18px;
  max-width: 150px;
  transform: translateY(2px);
}
@media (max-width: 639px) {
  header a[aria-label="Agoras home"] .jp-logo { height: 21px !important; max-width: 90px !important; }
}
@media (max-width: 439px) {
  header a[aria-label="Agoras home"] .jp-logo { height: 18px !important; max-width: 78px !important; }
}
@media (max-width: 374px) {
  header a[aria-label="Agoras home"] .jp-logo { height: 16px !important; max-width: 72px !important; }
}
@media (max-width: 339px) {
  html:not([lang="en"]) header a[aria-label="Agoras home"] .jp-logo { height: 14px !important; max-width: 60px !important; }
}