/* One masthead geometry for editorial pages and the image archive. */
body .site-header.site-header, body > header {
  box-sizing: border-box;
  min-height: 112px;
  height: auto;
  padding: 28px 40px;
  display: flex;
  align-items: center;
  gap: 60px;
}
body .site-header .wordmark, body > header > .wordmark {
  display: block;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 29px;
  font-weight: 750;
  font-synthesis: none;
  line-height: .88;
  letter-spacing: -1.5px;
  text-transform: none;
  text-decoration: none;
}
body .site-header .site-nav, body > header > nav {
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 0 auto 0 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
body .site-header .site-nav a, body > header > nav a { padding: 0; }
@media (max-width: 1000px) {
  body .site-header.site-header, body > header { padding-inline: 24px; }
}
@media (max-width: 700px) {
  body .site-header.site-header, body > header {
    min-height: 92px;
    height: auto;
    padding: 22px 18px;
    gap: 30px;
  }
  body .site-header .wordmark, body > header > .wordmark { font-size: 24px; }
  body .site-header .site-nav, body > header > nav { gap: 22px; margin: 0 0 0 auto; }
}

@media (max-width: 420px) {
  body .site-header.site-header, body > header { gap: 16px; }
  body .site-header .site-nav, body > header > nav { gap: 14px; font-size: 13px; }
}

/* Vector arrows stay monochrome on every device; no emoji font substitution. */
.ui-arrow{display:inline-block;width:.85em;height:.85em;vertical-align:-.06em;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0;overflow:visible}