/* USA accents v1 (usa-preview). Small flag + footer line + thin tri-color rule. Load after page CSS. */
.usa-flag {
  display: inline-block; flex-shrink: 0; vertical-align: -0.12em;
  width: 1.52em; height: 0.8em; /* 1.9 : 1 official proportions */
  border-radius: 1px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18);
}
/* Thin red-white-blue rule along the top edge of every footer (drawn inside, so the white reads on dark footers) */
footer { position: relative; }
footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: 3px; height: 3px; pointer-events: none;
  background: linear-gradient(90deg, #B22234 0 33.34%, #f3efe6 33.34% 66.67%, #3C3B6E 66.67% 100%);
}
/* Footer line: centered, small, inherits footer text color */
.usa-line {
  display: block; clear: both;
  width: min(100% - 2rem, 72rem); margin: 1.1rem auto 0; padding-top: 0.85rem;
  border-top: 1px solid rgba(160, 175, 195, 0.18);
  font-size: 0.82rem; line-height: 1.4; letter-spacing: 0.01em; text-align: center;
  opacity: 0.88;
}
.usa-line .usa-flag { margin-right: 0.45rem; }
.usa-line span { color: inherit; }
/* Home page: understated line under the "Everything in one place" row */
.usa-tagline {
  display: flex; align-items: center; gap: 0.5rem;
  margin: -0.6rem 0 1.4rem; font-size: 0.86rem; color: var(--steel, #3d5270); font-weight: 500;
}
.usa-tagline .usa-flag { box-shadow: 0 0 0 1px rgba(10, 22, 40, 0.12); }
/* Small-phone fix: let hero grid children shrink so hero text wraps instead of overflowing at 320px (/rfq/ + city pages) */
@media (max-width: 900px) {
  .hero-inner > * { min-width: 0; }
  .hero-contact a[href^="mailto:"] { overflow-wrap: anywhere; }
}