/* ═══════════════════════════════════════════════════════════
   Horário Reverso Pro — CSS público
   (parágrafo dinâmico e calculadora trazem estilo inline próprio;
    aqui ficam apenas tabela, passos e links relacionados)
   ═══════════════════════════════════════════════════════════ */

/* ── Parágrafo dinâmico ────────────────────────────────────── */
.hrp-resp { font-size: 18px; line-height: 1.8; }
.hrp-resp strong { color: #0f172a; }

/* ── Passo a passo ────────────────────────────────────────── */
.hrp-steps {
    padding-left: 24px;
    margin: 10px 0 24px;
    font-size: 16px;
}
.hrp-steps li { margin-bottom: 10px; line-height: 1.65; }

/* ── Tabela de referência ─────────────────────────────────── */
.hrp-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 24px;
    font-size: 15px;
}
.hrp-table th,
.hrp-table td {
    border: 1px solid #e2e8f0;
    padding: 11px 13px;
    text-align: left;
}
.hrp-table th {
    background: #f1f5f9;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.hrp-table-time {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: #3730a3;
}
.hrp-table-current { background: #eef2ff; }
.hrp-table-current td { font-weight: 700; }
.hrp-table a { color: #4338ca; text-decoration: none; }
.hrp-table a:hover { text-decoration: underline; }

/* ── Links relacionados ───────────────────────────────────── */
.hrp-related-links {
    list-style: none;
    padding: 0;
    margin: 6px 0 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.hrp-related-links li { margin: 0; }
.hrp-related-links a {
    display: inline-block;
    padding: 8px 14px;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #3730a3;
    font-size: 14px;
    text-decoration: none;
    transition: background .15s ease;
}
.hrp-related-links a:hover { background: #e0e7ff; }