/**
 * Sezione "Vedi anche" — componente condiviso fra le landing corso.
 * Markup: template-parts/ig-also-see-siblings.php
 *
 * Poggia sul design system .ord-* / token --mag-*.
 */

.ig-also-see__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  max-width: 980px;
  margin: 2.25rem auto 0;
}

.ig-also-see__card {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  background: var(--mag-bianco);
  border: 1px solid var(--mag-grigio-md);
  border-top: 3px solid var(--mag-oro);
  border-radius: var(--mag-radius);
  padding: 1.75rem 1.5rem;
  box-shadow: var(--mag-shadow);
  transition: transform var(--mag-transition), box-shadow var(--mag-transition);
}

.ig-also-see__card:hover,
.ig-also-see__card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(26, 35, 50, .14);
}

.ig-also-see__card-title {
  font-family: Georgia, serif;
  font-size: 1.2rem;
  color: var(--mag-scuro);
  margin: 0;
}

.ig-also-see__card-desc {
  margin: 0;
  font-size: .95rem;
  line-height: 1.7;
  color: var(--mag-testo);
  flex: 1 1 auto;
}

.ig-also-see__card-cta {
  align-self: flex-start;
  font-weight: 700;
  font-size: .95rem;
  color: var(--mag-oro-hover);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--mag-transition);
}

.ig-also-see__card-cta:hover,
.ig-also-see__card-cta:focus-visible {
  border-bottom-color: var(--mag-oro);
}

@media (prefers-reduced-motion: reduce) {
  .ig-also-see__card { transition: none; }
  .ig-also-see__card:hover,
  .ig-also-see__card:focus-within { transform: none; }
}