.article-hero{padding:160px 0 60px;position:relative}.article-hero:before{content:"";pointer-events:none;background:radial-gradient(at 20% 30%,#c8a96e0d 0%,#0000 60%);position:absolute;inset:0}.article-meta{color:var(--text-3);align-items:center;gap:20px;margin-bottom:32px;font-size:.82rem;display:flex}.article-meta-tag{background:var(--gold-glow);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;border:1px solid #c8a96e26;border-radius:20px;padding:4px 14px;font-size:.72rem;font-weight:600}.article-layout{justify-content:center;display:flex}.article-body{width:100%;max-width:740px;padding-bottom:60px}.article-body h1{color:var(--text);margin:48px 0 20px;font-family:Playfair Display,serif;font-size:1.9rem;font-weight:700;line-height:1.3}.article-body h2{color:var(--text);margin:48px 0 20px;font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;line-height:1.3}.article-body h3{color:var(--text);margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600}.article-body h4,.article-body h5,.article-body h6{color:var(--text);margin:28px 0 10px;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:600}.article-body pre{border:1px solid var(--glass-border);border-radius:var(--radius);background:#c8a96e0f;margin:24px 0;padding:16px 20px;font-size:.9rem;line-height:1.6;overflow-x:auto}.article-body pre code{color:var(--text);font-family:JetBrains Mono,Fira Code,monospace}.article-figure{margin:32px 0}.article-figure img{border-radius:var(--radius);width:100%;height:auto;display:block}.article-figure figcaption{color:var(--text-2);text-align:center;margin-top:12px;font-size:.85rem;font-style:italic}.article-body p{color:var(--text-2);margin-bottom:20px;font-size:1rem;line-height:1.85}.article-body strong{color:var(--text)}.article-body ul,.article-body ol{color:var(--text-2);margin:0 0 24px 20px;padding-left:20px;font-size:.95rem;line-height:1.8}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:8px}.article-body blockquote{border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-2);background:#c8a96e0a;margin:32px 0;padding:20px 28px;font-style:italic}.article-body a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--gold-light)}.article-callout{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);align-items:flex-start;gap:20px;margin:40px 0;padding:32px;display:flex}.article-callout-icon{background:var(--gold-glow);border:1px solid #c8a96e26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.article-callout-icon svg{width:22px;height:22px;color:var(--gold)}