/* Cartes guides (home, /guides/, « Autres guides »). Section Guides de la home : trois cartes entre la grille des projets et la FAQ.
   Titre et chapeau réutilisent .yam-hub-title / .yam-hub-lede des métiers ; tokens partagés uniquement. */
.guides-section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}
.guides-section .layout-container {
  row-gap: var(--size-36);
}
.yam-guides {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-block);
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.yam-guide-item {
  display: flex;
  min-width: 0;
}
.yam-guide {
  display: flex;
  flex-direction: column;
  gap: var(--space-stack);
  width: 100%;
  padding-top: var(--size-20);
  border-top: var(--rule-strong);
  color: var(--color-text);
  text-decoration: none;
}
.yam-guide-num {
  color: var(--color-muted);
  letter-spacing: 0.08em;
  font-family: var(--font-body);
  font-size: var(--type-label);
  line-height: var(--leading-lead);
}
.yam-guide-title {
  margin: 0;
  color: var(--color-text);
  font-family: var(--font-heading);
  font-size: var(--type-subtitle);
  font-weight: var(--weight-regular);
  line-height: var(--leading-title);
  letter-spacing: var(--tracking-title);
  text-wrap: balance;
}
.yam-guide-text {
  max-width: var(--measure-card);
  margin: 0;
  color: var(--color-muted);
  font-family: var(--font-heading);
  font-size: var(--type-body);
  line-height: var(--leading-body);
  text-wrap: pretty;
}
.yam-guide-go {
  margin-top: auto;
  padding-top: var(--size-8);
  font-family: var(--font-body);
  font-size: var(--type-small);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
  transition: text-decoration-color var(--motion-quick);
}
.yam-guide.is-link:hover .yam-guide-go,
.yam-guide.is-link:focus-visible .yam-guide-go {
  text-decoration-color: currentColor;
}
.yam-guide.is-link:focus-visible {
  outline: var(--focus-ring);
  outline-offset: var(--size-4);
}
@media screen and (max-width: 61.9375em) { /* = point de rupture 991px du site */
  .yam-guides {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--size-36);
  }
}
@media (prefers-reduced-motion: reduce) {
  .yam-guide-go {
    transition: none;
  }
}