/* Índices persistentes: estilos acotados y enlaces de portada. */
.homepage .area-pair>.area-all{display:inline-flex;align-items:center;min-height:44px;margin:0 0 14px;font:600 14px/1.4 Arial,Helvetica,sans-serif;color:var(--ink);text-underline-offset:4px;gap:8px}
.area-index-page .area-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0}
.area-index-page .archive-card{min-width:0;border-top:2px solid var(--line);padding:20px 0;background:transparent}
.area-index-page .archive-card figure{margin:0 0 20px}
.area-index-page .archive-card img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain}
.area-index-page .archive-card figcaption,.area-index-page .card-image-note{font:13px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);margin-top:10px}
.area-index-page .archive-card h2,.area-index-page .archive-card h3{font-size:clamp(23px,3vw,30px);line-height:1.25}
.area-index-page .archive-card p{font-size:17px;line-height:1.65}
.area-index-page .archive-card a{overflow-wrap:anywhere;text-underline-offset:4px}
.area-index-page .area-index-nav{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;justify-content:flex-start}
.area-index-page .area-index-nav a{display:inline-flex;align-items:center;min-height:44px;font:15px/1.4 Arial,Helvetica,sans-serif;color:var(--ink)}
@media(max-width:650px){.area-index-page .area-index-grid{grid-template-columns:minmax(0,1fr);gap:24px}.area-index-page .area-index-nav{gap:8px 18px}}

.area-index-page .area-introduction{max-width:720px;font-size:18px;line-height:1.75;margin-block:20px 32px;color:var(--ink)}