/* Original editorial stories, sharing the existing VIVA colour palette. */
#historias .story-read{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
#historias .story-side>.story-read{margin:0 20px 20px}
#historias h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.article-page{max-width:1100px;margin:0 auto;padding:32px 5% 72px}
.article-breadcrumb{margin:0 0 34px}
.article-breadcrumb a,.article-next a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.article-heading{max-width:830px;margin:0 auto 32px}
.article-heading h1{font-size:clamp(38px,5.3vw,72px);line-height:1.08;margin:16px 0 24px}
.article-deck{font-size:clamp(19px,2.3vw,25px);line-height:1.5;max-width:720px;margin-bottom:24px;color:var(--muted)}
.article-meta{font-size:12px;line-height:1.7;letter-spacing:.015em;color:var(--muted)}
.article-hero{margin:0 auto 42px;max-width:900px}
.article-image-mat{padding:20px;background:var(--photo-mat,#4b7996)}
.article-hero img{display:block;width:auto;max-width:100%;max-height:500px;height:auto;margin:auto;object-fit:contain}
.article-hero figcaption{font-size:12px;line-height:1.7;margin:12px 0 0;color:var(--muted)}
.article-body{max-width:700px;margin:auto;font-size:18px;line-height:1.8}
.article-body>p:first-child{font-size:21px;line-height:1.7}
.article-body p{margin:0 0 24px}
.article-body section{margin-top:42px}
.article-body h2{font-size:clamp(26px,3vw,35px);line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}
.article-body .article-reference{margin:-9px 0 25px;font-size:13px;line-height:1.6}
.article-reference a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-note{margin-top:48px;padding:24px;border-top:2px solid var(--accent,#3e6d89);background:var(--panel,#faf7f0)}
.article-note h2{font-family:Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:0;margin-bottom:10px}
.article-note p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
.article-next{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);margin-top:38px;padding-top:22px}
.article-page a:focus-visible,#historias a:focus-visible{outline:3px solid var(--accent,#3e6d89);outline-offset:5px}
@media(max-width:650px){.article-page{padding:18px 6% 44px}.article-breadcrumb{margin-bottom:24px}.article-heading h1{font-size:40px}.article-deck{font-size:20px}.article-meta{font-size:11px}.article-image-mat{padding:12px}.article-hero{margin-bottom:30px}.article-body{font-size:17px;line-height:1.8}.article-body>p:first-child{font-size:19px}.article-body section{margin-top:32px}.article-note{padding:19px}.article-next{align-items:flex-start;flex-direction:column}}
