/* Homepage banner only: approved natural-width buttons, two aligned rows, equal gaps. */
body.sino-brand-home .shm-editorial-home .shm-brand-hero .shm-hero-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  gap: 10px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
}
body.sino-brand-home .shm-editorial-home .shm-brand-hero .shm-hero-links__row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  gap: inherit;
}
body.sino-brand-home .shm-editorial-home .shm-brand-hero .shm-hero-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f3f2f0;
  color: #051d3c;
  font: 500 16px/1.4 var(--shm-sans, Arial, sans-serif);
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
  box-shadow: none;
  transition: background-color .35s ease, border-color .35s ease, color .35s ease;
}
body.sino-brand-home .shm-editorial-home .shm-brand-hero a.shm-hero-link { cursor: pointer; }
@media (hover:hover) {
  body.sino-brand-home .shm-editorial-home .shm-brand-hero a.shm-hero-link:hover {
    background: #840d07;
    border-color: #840d07;
    color: #fff;
  }
}
body.sino-brand-home .shm-editorial-home .shm-brand-hero a.shm-hero-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
  background: #840d07;
  color: #fff;
}
@media (max-width:767px) {
  body.sino-brand-home .shm-editorial-home .shm-brand-hero .shm-hero-links { gap: 8px; }
  body.sino-brand-home .shm-editorial-home .shm-brand-hero .shm-hero-link { padding: 11px 12px; }
}
@media (prefers-reduced-motion:reduce) {
  body.sino-brand-home .shm-editorial-home .shm-brand-hero .shm-hero-link { transition: none; }
}
