/* claude-articulos.css — extra styles for the SEO articles only.
   Why a separate file: the CSP forbids inline styles, and keeping article
   styles out of claude-styles.css means the app pages don't load rules they never use. */
.articulo h2 { margin-top: 28px; }
.articulo h3 { font-size: 1.1rem; margin: 18px 0 6px; }
.articulo ul, .articulo ol { padding-left: 22px; }
.articulo li { margin: 4px 0; }
.articulo a { color: var(--brand); }
.articulo table { width: 100%; border-collapse: collapse; font-size: .95rem; margin: 8px 0; }
.articulo th, .articulo td { text-align: left; padding: 6px 4px; border-bottom: 1px solid var(--line); vertical-align: top; }
.articulo th:last-child, .articulo td:last-child { text-align: right; white-space: nowrap; }
.fecha { color: var(--muted); font-size: .9rem; margin: 0 0 8px; }
.resumen { border-left: 6px solid var(--accent); }
.resumen h2 { margin-top: 0; font-size: 1.1rem; }
.resumen ul { margin: 6px 0; }
.ojo { background: var(--card); border: 1px dashed var(--accent); border-radius: 10px; padding: 10px 12px; margin: 12px 0; }
.cta { border: 2px solid var(--brand); }
.cta h2 { margin-top: 0; }
.fuentes { font-size: .92rem; word-break: break-word; }
.fuentes li { margin: 6px 0; }
.lista-articulos { list-style: none; padding: 0; }
.lista-articulos li { margin: 0 0 12px; }
.lista-articulos a { font-weight: 700; font-size: 1.08rem; color: var(--brand); }
.lista-articulos p { margin: 4px 0 0; color: var(--muted); font-size: .95rem; }