/* ==========================================================================
   ADD-ONS PAGE — supplements secondary.css. Only what's not already
   covered by .page-hero / .module-grid / .module-card
   / .transition-note.
   ========================================================================== */

.addons-intro { padding-top: 0; padding-bottom: 0; }
.addons-intro__text {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  color: var(--warm-gray);
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.75;
}

/* Module cards hidden by the catalogue filter (JS toggles this). Absent
   JS, no [hidden] attribute is ever set, so every card stays visible. */
.module-card[hidden] { display: none; }