.article-page{background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;padding-top:160px;padding-bottom:120px}.article-hero{text-align:center;max-width:900px;margin:0 auto 48px}.article-eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--text-accent);margin-bottom:16px;font-size:.75rem;font-weight:600}.article-meta{color:var(--text-muted);justify-content:center;gap:16px;margin-top:16px;font-size:.9rem;display:flex}.article-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-top:16px;font-size:3rem;font-weight:400;line-height:1.15}.article-cover-wrapper{border:1px solid var(--border-subtle);border-radius:4px;max-width:980px;margin:32px auto 64px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.article-cover-wrapper:after{content:"";background:#0003;width:100%;height:100%;position:absolute;top:0;left:0}.article-cover{object-fit:cover;width:100%;height:480px;display:block}.article-body{max-width:800px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem;line-height:1.8}.article-body p{margin:24px 0}.article-h2{font-family:var(--font-heading);color:var(--text-primary);border-left:2px solid var(--text-accent);margin:48px 0 24px;padding-left:20px;font-size:1.75rem}.article-list{margin:24px 0;padding-left:24px;list-style-type:none}.article-list li{margin:12px 0;padding-left:24px;position:relative}.article-list li:before{content:"—";color:var(--text-accent);position:absolute;left:0}.article-callout{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--text-accent);border-radius:4px;margin:40px 0;padding:32px}.article-callout-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-accent);margin-bottom:12px;font-size:.75rem;font-weight:600}.article-callout p{color:var(--text-primary);margin:0;font-style:italic}.article-actions{border-top:1px solid var(--border-subtle);justify-content:center;max-width:900px;margin:80px auto 0;padding-top:40px;display:flex}.btn.link{color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:2px;padding:12px 24px;font-size:.85rem;transition:all .2s}.btn.link:hover{border-color:var(--text-accent);color:var(--text-accent)}@media (max-width:1024px){.article-page{padding-top:140px}.article-cover{height:320px}}@media (max-width:640px){.article-page{padding-top:120px}.article-title{font-size:2rem}.article-cover{height:240px}.article-body{font-size:1rem}}