.article-main { width: min(calc(100% - 2rem), 920px); padding-top: 3rem; }
.article-hero { margin-bottom: 2.75rem; }
.article-hero h1 { max-width: 18ch; }
.article-tagline { margin: .9rem 0 0; color: var(--green); font-size: clamp(1.05rem, 2.5vw, 1.35rem); font-weight: 800; }
.article-cover { margin: 2rem 0 0; overflow: hidden; border: 1px solid var(--line); border-radius: 1.5rem; background: white; box-shadow: 0 24px 60px rgba(12,24,16,.12); }
.article-cover img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.satire-note { margin-top: 1.25rem; padding: 1rem 1.1rem; border-left: 4px solid var(--green); border-radius: .75rem; color: #24422f; background: #e8f4eb; font-weight: 800; }
.article-content { display: grid; gap: 1rem; }
.article-content section { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: 1.35rem; background: rgba(255,255,255,.78); box-shadow: 0 18px 44px rgba(12,24,16,.055); }
.article-content h2 { color: var(--green-deep); }
.article-content h3 { margin: 1.25rem 0 .2rem; font-size: 1.05rem; }
.article-content strong { color: #173e29; }
.article-content ul { display: grid; gap: .75rem; margin-top: 1rem; }
.article-content li { padding-left: .25rem; }
.final-state { color: white; background: linear-gradient(145deg, var(--green-deep), #0b110d) !important; }
.final-state h2, .final-state strong { color: #8ee0ae; }
.final-line { margin-top: 1.4rem !important; font-size: 1.25rem; font-weight: 900; }
.closing-note { margin-top: 1rem; padding: .85rem 1rem; border: 1px solid rgba(255,255,255,.16); border-radius: .85rem; color: #d7e1d9; background: rgba(255,255,255,.05); }

@media (max-width: 560px) {
  .article-main { padding-top: 2.25rem; }
  .article-cover { border-radius: 1rem; }
  .article-content section { border-radius: 1rem; }
}