.article-shell { padding: 4.5rem 1.5rem 5.5rem; }
.article { max-width: 760px; margin: 0 auto; }
.back-link { display: inline-block; margin-bottom: 2.5rem; color: var(--orange); font-weight: 700; }
.article h1 { font-size: clamp(2.2rem, 5vw, 4.8rem); line-height: 1.05; margin: .55rem 0 1.1rem; }
.article-meta { color: #6a6a6a; margin-bottom: 3rem; }
.article-content { color: #343434; font-size: 1.08rem; line-height: 1.8; }
.article-content h2 { margin: 3.2rem 0 1rem; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.15; }
.article-content h3 { margin: 2.1rem 0 .8rem; font-size: 1.3rem; }
.article-content p, .article-content ul, .article-content ol, .article-content blockquote, .article-content table { margin: 0 0 1.35rem; }
.article-content ul, .article-content ol { padding-left: 1.5rem; }
.article-content blockquote { border-left: 4px solid var(--orange); padding: .4rem 1.2rem; font-weight: 600; }
.article-content table { width: 100%; border-collapse: collapse; font-size: .94rem; }
.article-content th, .article-content td { border: 1px solid #ddd; padding: .7rem; text-align: left; }
.article-content a { color: inherit; text-decoration: underline; text-decoration-color: var(--orange); }
.article-cta { margin-top: 3.5rem; padding: 2rem; background: #f5f1e8; text-align: center; }
.article-cta h2 { margin-top: 0; }
@media (max-width: 760px) { .article-shell { padding: 3rem 24px 4rem; } .article-meta { margin-bottom: 2rem; } }