/* ============================================================
   NUMEROS REPETIDOS
   Reutilizan la rejilla de signos y las tarjetas del horoscopo;
   aqui solo lo propio: la cifra grande.
   ============================================================ */

.number-tile__figure {
    font-family: var(--font-display);
    font-size: 1.6rem;
    letter-spacing: var(--tracking-wide);
}

/* En la baldosa el nombre repetiria la cifra: queda solo para lectores. */
.sign-card:has(.number-tile__figure) .sign-card__name {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.number-hero {
    font-size: clamp(3rem, 12vw, 5rem);
    letter-spacing: var(--tracking-wide);
    color: var(--secondary-contrast);
}

.number-meaning {
    margin: 0 auto var(--space-5);
    max-width: 44rem;
    padding: var(--space-5);
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-snug);
}

.number-nav {
    margin-top: var(--space-6);
}