/* Estilos de la sección de artículos. Se suman a /styles.css; no lo reemplazan. */
.draft-banner { padding: 14px max(8vw,70px); color: #fff; background: var(--terracotta); font: 11px/1.5 var(--mono); letter-spacing: .06em; }
.article-meta { margin: 22px 0 0; color: rgba(20,42,58,.72); font: 11px/1.6 var(--mono); letter-spacing: .04em; }
.article-meta span { display: inline-block; margin-right: 18px; }
.service-main .article-steps { margin: 12px 0 0; }
.article-sources { border-top: 1px solid var(--line); padding-top: 28px; }
.article-sources h2 { font-size: 26px; }
.article-sources li, .article-sources p { font-size: 14px; line-height: 1.6; }
.article-list { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.article-list li { padding: 28px 0; border-bottom: 1px solid var(--line); }
.article-list a { display: grid; gap: 8px; text-decoration: none; }
.article-list strong { font: 500 clamp(24px,2.6vw,32px)/1.15 var(--serif); letter-spacing: -.03em; }
.article-list span { max-width: 640px; color: rgba(20,42,58,.76); font-size: 15px; line-height: 1.6; }
.article-list time { color: var(--terracotta); font: 10px var(--mono); letter-spacing: .08em; }
.article-empty { max-width: 640px; color: rgba(20,42,58,.76); font-size: 16px; line-height: 1.7; }