.article-wrap { max-width: 720px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
.article-eyebrow { font-family: var(--mono); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--lime); margin-bottom: .625rem; }
.article-title { font-size: 2rem; font-weight: 800; color: var(--txt); line-height: 1.2; letter-spacing: -.03em; margin-bottom: .75rem; }
.article-meta { font-family: var(--mono); font-size: .72rem; color: var(--faint); margin-bottom: 2rem; }
.article-body { font-size: .95rem; line-height: 1.8; color: var(--dim); }
.article-body h2 { font-size: 1.2rem; font-weight: 700; color: var(--txt); margin: 2rem 0 .75rem; padding-bottom: .5rem; border-bottom: 1px solid var(--rim-1); }
.article-body h3 { font-size: 1rem; font-weight: 700; color: var(--txt); margin: 1.5rem 0 .5rem; }
.article-body p { margin-bottom: 1rem; }
.article-body strong { color: var(--txt); }
.article-body ul, .article-body ol { padding-left: 1.5rem; margin-bottom: 1rem; display: flex; flex-direction: column; gap: .375rem; }
.article-body li { color: var(--dim); }
.cta { background: var(--lime-lo); border: 1px solid rgba(62,207,142,.3); border-radius: var(--r-xl); padding: 1.25rem; margin: 2rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.cta p { font-size: .875rem; color: var(--txt); font-weight: 500; margin: 0; }
.cta a { background: var(--lime); color: #070C18; font-family: var(--mono); font-size: .72rem; font-weight: 700; padding: .5rem 1.1rem; border-radius: var(--r-pill); text-decoration: none; }
.breadcrumb { font-family: var(--mono); font-size: .68rem; color: var(--faint); margin-bottom: 1.5rem; }
.breadcrumb a { color: var(--dim); text-decoration: none; }
.t { width: 100%; border-collapse: collapse; margin: 1rem 0 1.5rem; font-size: .85rem; }
.t th { padding: .5rem .875rem; text-align: left; font-family: var(--mono); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); background: var(--ink-2); }
.t td { padding: .5rem .875rem; border-top: 1px solid var(--rim-1); color: var(--dim); }
.t td:first-child { color: var(--txt); font-weight: 600; }
@media (min-width: 900px) { .article-title { font-size: 2.5rem; } }
