#article-hero{border-bottom:1px solid var(--border);background:radial-gradient(#6b2d8b1a 0%,#0000 70%);padding-top:120px;padding-bottom:3rem}.article-hero-inner{text-align:center;max-width:900px;margin:0 auto;padding:0 2rem}.article-title{color:var(--text-main);margin:1.5rem 0;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.3}.article-meta{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.article-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.article-tags .tag{color:var(--teal-light);border:1px solid var(--border-teal);background:#1a9e7a26;border-radius:20px;padding:4px 12px;font-size:.8rem}#article-content{padding:4rem 0}.article-container{max-width:800px;margin:0 auto;padding:0 2rem}.html-content{color:#ddd;font-size:1.1rem;line-height:1.8}.html-content p{margin-bottom:1.5rem}.html-content h1,.html-content h2,.html-content h3{color:var(--text-main);margin-top:2.5rem;margin-bottom:1rem;font-family:Playfair Display,serif}.html-content h2{font-size:1.8rem}.html-content h3{font-size:1.4rem}.html-content ul,.html-content ol{margin-bottom:1.5rem;padding-left:2rem}.html-content li{margin-bottom:.5rem}.html-content a{color:var(--teal-light);text-decoration:underline}.html-content blockquote{border-left:4px solid var(--purple-light);color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#6b2d8b0d;margin:1.5rem 0;padding:1rem;font-style:italic}.html-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:2rem 0}