/* SonaLink additions on top of Sonasync's styles.css (kept separate so
   styles.css can be re-copied from the Sonasync site unchanged). */
.hero-art { padding: 10px; }
.shot {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid var(--border);
}
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 28px; }
.tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; max-width: 760px; }