/* v1.0 — My Gear overrides. Base styles come from ../artwork/styles.css */

/* Tighter grid: 2 across on phones, up to 4 on desktop */
.cards-grid{
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 2rem 0;
}
@media (min-width: 700px){
  .cards-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1000px){
  .cards-grid{ grid-template-columns: repeat(4, 1fr); }
}

/* Compact cards */
.card{ padding: .85rem; }
.card__media{ margin-bottom: .6rem; }
.card h3{ font-size: 1rem; line-height: 1.3; margin: 0 0 .35rem; }
.card p{ font-size: .88rem; line-height: 1.45; }
.card h3 a{ color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.card h3 a:hover{ color: #3d5a2c; }