/* =============================================================================
 * content-tema-v5.css — Capa de cierre de huecos de la "Plantilla A".
 * Añade lo que faltaba bajo .entry-content para que la Plantilla A se vea íntegra:
 *   - .legal-quote (+ cite)  → citas textuales de artículos de ley
 *   - .keywords              → contenedor flex de los chips .keyword
 * (El resto de la Plantilla A ya lo estilan content-tema.css … -v4.css.)
 * ============================================================================= */

.entry-content .legal-quote {
    background: linear-gradient(to right, #f8f9fa, #ffffff);
    border-left: 4px solid #1a5276;
    padding: 20px 25px;
    margin: 20px 0;
    font-style: italic;
    color: #555;
    border-radius: 0 8px 8px 0;
}

.entry-content .legal-quote cite {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-weight: 700;
    color: #1a5276;
}

.entry-content .keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

/* -----------------------------------------------------------------------------
 * FIX desbordamiento: cuando un .concept-map (mapa ASCII, con white-space:pre)
 * contiene contenido REAL (tabla, encabezado, párrafo, lista) en vez de arte
 * ASCII, ese white-space:pre se hereda y la tabla no parte el texto → se estira
 * a >1600px y corta la página por la derecha. Devolvemos white-space:normal al
 * contenido tabular/textual; el <pre> de los mapas de verdad conserva su :pre.
 * Caso real: Tema 11 TFA-Informática («Tipos de Reglamentos», «Los 6 Principios»).
 * --------------------------------------------------------------------------- */
.entry-content .concept-map :is(table, thead, tbody, tr, th, td,
                                 h2, h3, h4, p, ul, ol, li) {
    white-space: normal;
}

/* -----------------------------------------------------------------------------
 * ÍNDICE DEL TEMA visible. El theme dependía del plugin EzTOC para pintar el
 * índice lateral (single.php → ez_toc_get_index()), pero EzTOC no genera nada,
 * así que ese lateral queda vacío en todos los temas. Como cada tema YA lleva su
 * <nav class="toc"> con enlaces a las secciones (id casados), lo hacemos visible
 * y lo maquetamos como tarjeta. Anula el `.toc{display:none}` de content-tema.css.
 * --------------------------------------------------------------------------- */
.entry-content .toc {
    display: block;
    background: linear-gradient(to right, #f8f9fa, #ffffff);
    border: 1px solid #e1e8ed;
    border-left: 4px solid #1a5276;
    border-radius: 0 8px 8px 0;
    padding: 16px 24px;
    margin: 24px 0 30px;
}
.entry-content .toc h2 {
    margin: 0 0 10px;
    font-size: 1.1em;
    color: #1a5276;
    border: none;
    padding: 0;
}
.entry-content .toc ul {
    margin: 0;
    padding-left: 0;
    list-style: none;      /* cada entrada ya empieza por «N.», los bullets sobran */
}
.entry-content .toc li {
    margin: 5px 0;
}
.entry-content .toc a {
    color: #2c3e50;
    text-decoration: none;
}
.entry-content .toc a:hover {
    color: #2980b9;
    text-decoration: underline;
}