/* ===========================================================================
   seo.css — las páginas escritas en HTML para que el sitio se encuentre
   (build_seo_pages.py, 06-10-2026): una por asunto (/cases/…), una por artículo
   (/law/…) y sus índices. Reutilizan el lector (ws.css): aquí sólo lo que esas
   páginas tienen de propio. Son para leer, así que van en la hoja de papel.
   =========================================================================== */
.e-pag .w-lector-pagina { padding-top: 4px; }
.e-doc { padding-top: 22px; }
.e-migas { font: 12.5px/1.5 var(--sans); color: var(--tinta-3); margin: 0 0 18px; }
.e-migas a { color: var(--tinta-2); text-decoration: none; }
.e-migas a:hover { color: var(--acento); text-decoration: underline; }
.e-doc h1 { margin-bottom: 10px; text-wrap: balance; }
.e-doc h1 .e-nom { display: block; margin-top: 6px; font: 500 20px/1.3 var(--serif); letter-spacing: 0; color: var(--tinta); }
.e-acc { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 22px; }
.e-acc .w-herr:not(.primario) { box-shadow: inset 0 0 0 1px var(--regla); }
.e-h2 { font: 600 19px/1.3 var(--serif); color: var(--tinta); margin: 38px 0 10px; padding-top: 16px; border-top: 1px solid var(--regla-2); text-wrap: balance; }
.e-h2 span { font: 400 13.5px var(--sans); color: var(--tinta-3); }
.e-h3 { font: 600 14.5px/1.4 var(--sans); color: var(--tinta); margin: 22px 0 6px; }
.e-fuente { font: 12.5px/1.55 var(--sans); color: var(--tinta-3); margin: 0 0 14px; }
.e-resumen h2 { font: 650 16px/1.35 var(--sans); margin: 0; color: var(--tinta); }
.e-resumen h3.w-sum-h { font: 600 12px var(--sans); color: var(--acento); margin: 14px 0 3px; }
/* Listas: la legislación que interpreta, los asuntos de un artículo, las guidelines. */
.e-legis, .e-casos, .e-gl { list-style: none; margin: 0; padding: 0; font: 14.5px/1.5 var(--sans); }
.e-legis li, .e-casos li, .e-gl li { padding: 7px 0; border-bottom: 1px solid var(--regla-2); }
.e-legis a, .e-casos a { font-weight: 600; text-decoration: none; font-variant-numeric: tabular-nums; }
.e-legis a:hover, .e-casos a:hover { text-decoration: underline; }
.e-legis span, .e-casos span, .e-gl span { color: var(--tinta-3); font-size: 13px; font-variant-numeric: tabular-nums; }
.e-casos span::before, .e-legis span::before { content: "· "; }
.e-gl span { display: block; }
.e-gl li { font: 15.5px/1.55 var(--serif); color: var(--tinta); }
/* Un tema: cada asunto con lo que decidió el Tribunal. */
.e-tcaso { padding: 14px 0 12px; border-bottom: 1px solid var(--regla-2); }
.e-tcaso h3 { font: 600 17px/1.3 var(--serif); margin: 0 0 2px; font-variant-numeric: tabular-nums; }
.e-tcaso h3 a { color: var(--tinta); text-decoration: none; }
.e-tcaso h3 a:hover { color: var(--acento); text-decoration: underline; }
.e-tcaso p { font: 15.5px/1.58 var(--serif); color: var(--tinta); margin: 0; }
.e-tcaso p.e-fuente { font: 12.5px/1.55 var(--sans); color: var(--tinta-3); margin: 0 0 6px; }
.e-tcaso p.e-tt { font: 600 14px/1.4 var(--sans); color: var(--tinta-2); margin: 0 0 3px; }
.e-arts { columns: 2; column-gap: 32px; }
.e-arts li { break-inside: avoid; }
.e-temas { font: 14px/1.7 var(--sans); margin: 0; }
.e-anios { display: flex; flex-wrap: wrap; gap: 4px 10px; font: 13.5px var(--sans); font-variant-numeric: tabular-nums; margin: 0 0 8px; }
.e-anios a { text-decoration: none; }
.e-texto .ft-sec { font: 600 11.5px var(--sans); letter-spacing: .07em; text-transform: uppercase; color: var(--tinta-3); margin: 30px 0 10px; }
.e-texto .ft-title .ft-t { font: 600 1.06em/1.4 var(--serif); }
.e-texto .ft-p:target { background: var(--busq-fondo); box-shadow: 0 0 0 6px var(--busq-fondo); border-radius: var(--r-xs); }
.e-texto .ft-p { scroll-margin-top: calc(var(--cab) + 16px); }
.e-prevnext { display: flex; justify-content: space-between; gap: 16px; margin: 34px 0 0; font: 500 14px var(--sans); }
.e-prevnext a { text-decoration: none; }
.e-prevnext a[rel="next"] { margin-left: auto; }
.e-pie { margin-top: 44px; padding-top: 14px; border-top: 1px solid var(--regla); font: 12.5px/1.6 var(--sans); color: var(--tinta-3); }
.e-pie a { color: var(--tinta-2); }
@media (max-width: 820px) {
  .e-arts { columns: 1; }
  .e-doc h1 .e-nom { font-size: 18px; }
}
@media print {
  .e-acc, .e-prevnext, .e-migas { display: none; }
}