:root{--color-bg:#FAFAFA;--color-surface:#FFFFFF;--color-surface-raised:#EFF6FF;--color-text:#1A1A1A;--color-muted:#5F6671;--color-line:#E5E7EB;--color-action:#2563EB;--color-action-hover:#1D4ED8;--color-action-ink:#1D4ED8;--color-action-soft:#EFF6FF;}

/* brand logo: horizontal lockup, header-height constrained */
.brand-logo, .nav-logo picture, .nav-logo img,
.brand picture, .brand img {
  display: block;
  height: 40px;
  width: auto;
  max-width: 100%;
}
.brand-logo img, .nav-logo img { height: 40px; width: auto; }
@media (max-width: 480px) {
  .brand-logo img, .nav-logo img { height: 32px; }
}