/* Article body. Shared chrome lives in site.css. */
.article-banner { background: linear-gradient(135deg, var(--primary) 0%, #1a1a4a 100%); color: #fff; padding: 3.2rem 1.25rem 2.6rem; }
.article-banner .inner { max-width: 820px; margin: 0 auto; }
.article-banner h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700; line-height: 1.2; margin: 0; max-width: 28ch; }
.article-banner .meta { margin-top: 0.9rem; color: #b9b9cf; font-size: 0.9rem; }

.article { max-width: 820px; margin: 0 auto; padding: 2.5rem 1.25rem 1rem; }
.article p { margin: 0 0 1.05rem; }
.article h2 { font-size: 1.45rem; color: var(--primary); margin: 2rem 0 0.75rem; position: relative; padding-bottom: 0.5rem; }
.article h2::after { content: ""; width: 50px; height: 4px; background: var(--accent); position: absolute; left: 0; bottom: 0; }
.article h3 { font-size: 1.08rem; color: var(--secondary); margin: 1.4rem 0 0.4rem; }
.article ul, .article ol { margin: 0 0 1.1rem 1.3rem; }
.article li { margin-bottom: 0.55rem; }
.article .lead { font-size: 1.12rem; color: #333; }
.article .band h2 { color: #fff; }
.article .band h2::after { background: #d8be86; }
.article .band p { color: #f3f7f6; }
.article .back-link { display: inline-block; margin: 0.5rem 0 1rem; font-weight: 600; text-decoration: none; }
.article .back-link:hover { text-decoration: underline; }