body { background: #0b0c0a; }
.article-shell { width: min(900px, calc(100% - 36px)); margin: 0 auto; padding: 76px 0 100px; }
.article-header { border-bottom: 1px solid #3a3d36; padding-bottom: 40px; margin-bottom: 46px; }
.article-header .eyebrow { margin-bottom: 18px; }
.article-header h1 { font-size: clamp(38px, 6vw, 68px); max-width: 820px; margin-bottom: 22px; }
.article-header .dek { color: #a5a89e; font-size: 15px; max-width: 700px; }
.article-meta { display: flex; gap: 22px; color: #a5a89e; font-size: 10px; margin-top: 26px; letter-spacing: .06em; }
.article-body { color: #d4d5ce; font-size: 14px; }
.article-body h2 { color: #f1f1e9; font-size: 28px; margin: 50px 0 18px; }
.article-body h3 { color: #ffb800; font-size: 16px; font-weight: 500; margin: 30px 0 10px; }
.article-body p { max-width: 740px; }
.article-body ul, .article-body ol { padding-left: 22px; max-width: 740px; }
.article-body li { margin: 9px 0; }
.article-body strong { color: #f1f1e9; font-weight: 500; }
.article-body a { color: #ffb800; border-bottom: 1px solid #66500c; }
.spec-table { border-collapse: collapse; width: 100%; max-width: 740px; margin: 24px 0; font-size: 12px; }
.spec-table th, .spec-table td { text-align: left; border: 1px solid #3a3d36; padding: 12px; vertical-align: top; }
.spec-table th { color: #ffb800; font-weight: 500; background: #121410; }
.article-cta { border: 1px solid #ffb800; background: #251e08; padding: 25px; margin-top: 58px; max-width: 740px; }
.article-cta h2 { margin: 0 0 12px; font-size: 25px; }
.article-cta p { color: #a5a89e; margin-bottom: 18px; }
.article-cta .button { display: inline-flex; background: #ffb800; color: #0b0c0a; padding: 12px 16px; }
.back-link { display: inline-block; color: #a5a89e; font-size: 11px; margin-bottom: 30px; }
.back-link:hover { color: #ffb800; }