/* IranPhi identity: keep the mark's native square proportions in both headers. */
.brand { gap: 9px; font-weight: 750; }
.brand .brand-symbol, .brand .mark { display: block; flex: 0 0 30px; width: 30px; color: inherit; }
.brand .brand-symbol svg, .brand .mark svg { display: block; width: 30px; height: 32px; }
@media (max-width: 620px) {
  .brand { gap: 8px; }
  .brand .brand-symbol, .brand .mark { flex-basis: 27px; width: 27px; }
  .brand .brand-symbol svg, .brand .mark svg { width: 27px; height: 29px; }
}