.article-page{padding-top:6rem}
.article{padding:var(--space-xl) 0 var(--space-2xl)}
.article-header{max-width:800px;margin-bottom:var(--space-2xl)}
.article-label{display:flex;align-items:center;gap:1rem;margin-bottom:var(--space-lg)}
.article-label-line{width:40px;height:1px;background:var(--accent);display:block;animation:lineGrow .6s ease-out .3s forwards;transform-origin:left;transform:scaleX(0)}
.article-title{margin-bottom:var(--space-lg);letter-spacing:-.02em}
.article-intro{font-size:1.15rem;line-height:1.8;color:var(--cream);max-width:700px}
.article-body{max-width:720px}
.article-body h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);color:var(--paper);margin-top:var(--space-xl);margin-bottom:var(--space-md);padding-top:var(--space-lg);border-top:1px solid rgba(244,241,236,.06);letter-spacing:-.01em}
.article-body h2:first-child{margin-top:0;padding-top:0;border-top:none}
.article-body h3{font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.4rem);color:var(--paper);margin-top:var(--space-lg);margin-bottom:.6rem;letter-spacing:-.005em}
.article-body p{font-size:1.05rem;line-height:1.85;color:var(--cream);margin-bottom:var(--space-md);max-width:none}
.article-body h2,
.article-body h3,
.article-body h4,
.article-body ul,
.article-body ol,
.article-body blockquote{max-width:none}
.article-body ul,
.article-body ol{margin:var(--space-md) 0 var(--space-lg);padding-left:1.5rem;color:var(--cream)}
.article-body li{font-size:1.05rem;line-height:1.85;color:var(--cream);margin-bottom:.6rem;padding-left:.25rem}
.article-body li::marker{color:var(--accent)}
.article-body li > p{margin-bottom:.4rem}
.article-body strong{color:var(--paper);font-weight:600}
.article-body em{color:var(--paper)}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease}
.article-body a:hover{color:var(--accent-light);text-decoration-color:var(--accent-light)}
.article-body blockquote{border-left:2px solid var(--accent);padding:.5rem 0 .5rem 1.5rem;margin:var(--space-lg) 0;font-family:var(--font-display);font-style:italic;font-size:1.15rem;line-height:1.6;color:var(--paper)}
.article-body code{font-family:var(--font-mono);font-size:.85em;padding:.15rem .4rem;background:#f4f1ec0d;border:1px solid rgba(244,241,236,.08);color:var(--paper)}
.article-body hr{border:none;height:1px;background:rgba(244,241,236,.08);margin:var(--space-xl) 0}
.article-cta{margin:var(--space-2xl) auto 0;max-width:720px;background:#f4f1ec08;border:1px solid rgba(244,241,236,.08);padding:3rem;text-align:center;position:relative}
.article-cta:before{content:"";position:absolute;top:-1px;left:-1px;width:30px;height:30px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}
.article-cta:after{content:"";position:absolute;bottom:-1px;right:-1px;width:30px;height:30px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}
.article-cta h2{font-family:var(--font-display);margin-bottom:.75rem;border:none!important;padding:0!important;margin-top:0!important;font-size:clamp(1.4rem,2.5vw,1.8rem)}
.article-cta p{color:var(--cream);max-width:500px;margin:0 auto var(--space-lg)!important}
.cta-buttons{display:flex;gap:1.25rem;justify-content:center;align-items:center;flex-wrap:wrap}
.btn-primary{background:var(--accent);color:var(--paper);padding:.85rem 2rem;font-weight:600;font-size:.9rem;transition:all .3s ease}
.btn-primary:hover{background:var(--accent-light);transform:translateY(-2px)}
.btn-secondary{border:1px solid rgba(244,241,236,.15);color:var(--cream);padding:.85rem 2rem;font-weight:500;font-size:.9rem;transition:all .3s ease}
.btn-secondary:hover{border-color:var(--accent);color:var(--paper)}
.btn-ghost{font-weight:500;font-size:.9rem;color:var(--warm-gray);transition:color .3s ease}
.btn-ghost:hover{color:var(--paper)}
@media(max-width:768px){.article-cta{padding:2rem}.cta-buttons{flex-direction:column}}