/* A visible contact action that stays inside the existing header. */
.site-header .header-contact { display: inline-flex; justify-content: center; flex-shrink: 0; min-height: 46px; gap: 16px; padding: 12px 18px; color: var(--navy); background: var(--yellow); border: 1px solid transparent; border-radius: 4px; font-size: 12px; font-weight: 700; }
.site-header .header-contact span { font-size: inherit; }
.header-contact__compact { display: none; }
.site-header .header-contact svg { flex-shrink: 0; }
.site-header[data-theme=light] .header-contact,
.site-header[data-theme=yellow] .header-contact { color: var(--cream); background: var(--navy); }
.site-header .header-contact:hover { box-shadow: inset 0 0 0 2px currentColor; }
.site-header .header-contact:focus-visible { outline: 3px solid var(--cream); outline-offset: 5px; }
.site-header[data-theme=light] .header-contact:focus-visible,
.site-header[data-theme=yellow] .header-contact:focus-visible { outline-color: var(--navy); }
@media (max-width: 1100px) {
  .desktop-nav { display: none; }
  .site-header .header-contact { margin-left: auto; }
  .menu-toggle { display: block; }
}
@media (max-width: 767px) {
  .site-header { gap: 8px; padding-inline: 16px; }
  .site-header .brand { width: 128px; }
  .site-header .header-contact { padding: 10px 12px; gap: 10px; min-height: 44px; }
  .header-contact__label { display: none; }
  .header-contact__compact { display: inline; }
  .site-header .menu-toggle { margin-left: 0; width: 44px; flex-shrink: 0; padding: 10px; }
}
/* Four article previews, with native reading order on smaller screens. */
.editorial-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.editorial-item:last-child img { object-fit: contain; background: var(--cream); }
@media (min-width: 768px) and (max-width: 1100px) {
  .editorial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
}
@media (max-width: 767px) { .editorial-grid { grid-template-columns: 1fr; gap: 42px; } }