/* =====================================================================
   topic-index.css — Docokids /topics hub listing (.topic-index).

   A quiet editorial list of topic landings: hairline dividers, no boxes.
   The title is the loud voice; the description is secondary. Page-agnostic
   in spirit but specific to the topics hub. Every value is a var(--token).
   ===================================================================== */
.topic-index {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--measure-narrow);
}
.topic-index__item {
  border-top: 1px solid var(--hairline);
}
.topic-index__item:last-child {
  border-bottom: 1px solid var(--hairline);
}
.topic-index__link {
  display: block;
  padding: var(--space-4) 0;
  text-decoration: none;
  color: var(--gris-oscuro);
  transition: color 150ms ease;
}
.topic-index__link:hover {
  color: var(--p-verde);
}
.topic-index__title {
  display: block;
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: var(--fs-h3);
  line-height: 1.25;
}
.topic-index__desc {
  display: block;
  margin-top: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: 1.5;
  color: var(--gris-secundario);
}