/* Peptivé — Guía práctica detallada.
   Requiere tokens.css, base.css, sections.css, calculadora.css y
   reconstitution-reference.css cargados antes (reutiliza .rrg-card,
   .rrg-evidence-badge, .calc-hero-*, .cta-button ya existentes -- esta
   hoja solo agrega el ancho de la tarjeta única y los links secundarios). */

.gpd-result {
  max-width: 480px;
}

.gpd-secondary-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s-2);
  margin-top: var(--s-3);
  color: var(--ink-70);
  font-size: var(--text-label-size);
}

.gpd-secondary-links a {
  color: var(--gold-deep);
  text-decoration: none;
  white-space: nowrap;
}

.gpd-secondary-links a:hover,
.gpd-secondary-links a:focus-visible {
  text-decoration: underline;
}

.gpd-secondary-links span {
  color: var(--ink-30);
}

@media (max-width: 480px) {
  .gpd-secondary-links span {
    display: none;
  }
}