/*
 * Bloco "Leia também" (Views/Shared/_LeiaTambem.cshtml) — Etapa 13 do Docs/SEO-GEO-LLMO-PLAN.md.
 *
 * Por que CSS próprio: o bloco aparece em três sistemas visuais (nv-*, klp-* do infantil e
 * Bootstrap/Reign), e nenhum tem uma lista de links de leitura. Cores herdam do texto.
 * Cada link tem 44px de altura mínima (alvo de toque em mobile).
 */

.trv-leia-titulo {
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin: 0 0 8px;
    color: inherit;
}
.trv-leia { list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(127, 127, 127, .35); }
.trv-leia li { border-bottom: 1px solid rgba(127, 127, 127, .35); }
.trv-leia a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 10px 0;
    font-weight: 600;
    color: inherit;
    text-decoration: none;
}
.trv-leia a:hover { text-decoration: underline; text-underline-offset: 3px; }