/* Shared MySTRHost identity. Keep logo proportions and accessible teal controls. */
:root {
  --brand-charcoal: #1F2937;
  --brand-turquoise: #14B8A6;
  --brand-teal: #0F766E;
}
a.header-brand, a.footer-brand { max-width: 100%; }
.header-brand .site-brand-logo {
  display: block;
  width: clamp(150px, 20vw, 220px);
  height: auto;
  flex: 0 1 auto;
  object-fit: contain;
  border-radius: 0;
}
.footer-brand .site-brand-logo {
  display: block;
  width: 280px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0;
}
@media (max-width: 420px) {
  .header-brand .site-brand-logo { width: 150px; }
  }