.tombstone { max-width:720px;margin:80px auto;padding:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface); }
.tombstone h1 { font-family:Oswald,sans-serif;font-weight:700;font-size:32px;color:#EF4444;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px 0; }
.tombstone .reason { font-family:'DM Sans',sans-serif;font-size:16px;color:var(--text-1);line-height:1.6;margin-bottom:24px; }
.tombstone .dates { font-family:'DM Sans',sans-serif;font-size:13px;color:var(--text-3);margin-bottom:24px; }
.tombstone .back { font-family:Oswald,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);text-decoration:none; }

/* ═══ ARTICLE PAGE — Phase 2 Cinematic Treatment ═══ */

/* Cinematic hero */
.art-hero{position:relative;overflow:hidden;min-height:380px}
.art-hero::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;z-index:3;background:var(--cat-color,var(--gold))}
.art-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(11,13,17,.85) 35%,rgba(11,13,17,.4) 65%,rgba(11,13,17,.2) 100%)}
.art-hero-body{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:80px clamp(12px,3vw,20px) 40px;display:flex;flex-direction:column;justify-content:flex-end;min-height:380px}
.art-hero h1{font-size:clamp(28px,4.5vw,48px);font-weight:700;line-height:1.05;color:#fff;text-transform:uppercase;letter-spacing:-.02em;max-width:780px;margin:0 0 14px}
.art-hero-excerpt{font-size:clamp(14px,1.4vw,17px);color:rgba(255,255,255,.7);line-height:1.6;max-width:600px;margin:0 0 16px;border-left:3px solid var(--gold);padding-left:14px}
.art-hero .article-meta{color:rgba(255,255,255,.5)}
.art-hero .article-meta a{color:rgba(255,255,255,.7);transition:color .15s}
.art-hero .article-meta a:hover{color:var(--gold)}
.art-hero .article-meta .sep{color:rgba(255,255,255,.15)}
.art-hero .breadcrumb{margin-bottom:auto}
.art-hero .breadcrumb a,.art-hero .breadcrumb span{color:rgba(255,255,255,.4)}
.art-hero .breadcrumb a:hover{color:rgba(255,255,255,.7)}
.art-hero .breadcrumb .sep{color:rgba(255,255,255,.1)}
/* No-image fallback */
.art-hero--text{background:linear-gradient(160deg,var(--surface) 0%,rgba(79,38,131,.04) 50%,rgba(255,184,0,.02) 100%);border-bottom:1px solid var(--border);min-height:280px}
.art-hero--text .art-hero-body{min-height:280px;padding-top:48px}
.art-hero--text h1{color:var(--text-1)}
.art-hero--text .art-hero-excerpt{color:var(--text-2);border-left-color:var(--gold)}
.art-hero--text .article-meta{color:var(--text-3)}
.art-hero--text .article-meta a{color:var(--text-2)}
.art-hero--text .article-meta .sep{color:var(--border)}
.art-hero--text .breadcrumb a,.art-hero--text .breadcrumb span{color:var(--text-3)}

/* Layout */
.article-layout.G2{gap:40px}
@media(min-width:1024px){.article-layout.G2{grid-template-columns:1fr 300px}}
.sidebar-sticky{position:sticky;top:56px}
.article-meta{font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.article-meta .sep{margin:0 2px}

/* Sidebar stats */
.art-stat{padding:10px 12px;background:var(--gold-soft);border:1px solid rgba(255,184,0,.08);border-radius:var(--radius-sm)}
.art-stat-k{font-family:'Oswald',sans-serif;font-size:10px;font-weight:600;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}
.art-stat-v{font-family:'Oswald',sans-serif;font-size:18px;font-weight:700;color:var(--gold);line-height:1.1;margin-top:2px}

/* Sidebar back link */
.back-link{display:block;font-family:'Oswald',sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:10px 14px;border-left:2px solid var(--gold);transition:all .15s ease}
.back-link:hover{color:var(--gold);background:var(--gold-soft)}

/* Share & newsletter */
.vi-share-links{display:contents}
.newsletter-input{flex:1;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:'DM Sans',sans-serif;font-size:12px;color:var(--text-1);outline:none;transition:border-color .15s}
.newsletter-input:focus{border-color:var(--gold)}
.newsletter-btn{padding:8px 16px;background:var(--gold);border:none;border-radius:var(--radius-sm);font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;color:var(--bg);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:box-shadow .15s}
.newsletter-btn:hover{box-shadow:0 0 12px rgba(255,184,0,.27)}
.sub-msg{font-size:11px;margin-top:8px;display:none}

/* Inline newsletter CTA */
.vi-inline-cta{margin:32px 0;padding:20px;background:linear-gradient(160deg,rgba(255,184,0,.04) 0%,var(--surface) 100%);border:1px solid rgba(255,184,0,.1);border-radius:var(--radius)}
.vi-inline-cta-input{flex:1;min-width:0;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-family:'DM Sans',sans-serif;font-size:12px;outline:none;transition:border-color .15s}
.vi-inline-cta-input:focus{border-color:rgba(255,184,0,.3)}
.vi-inline-cta-btn{padding:8px 16px;background:var(--gold);color:#0B0D11;border:none;border-radius:6px;font-family:'Oswald',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;cursor:pointer;transition:opacity .15s}
.vi-inline-cta-btn:hover{opacity:.85}

/* Sources */
.vi-sources{margin-top:24px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.vi-sources-label{font-family:'Oswald',sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}

/* Read Next strip */
.vi-rn-wrap{position:relative}
.vi-rn-wrap::after{content:'';position:absolute;right:0;top:0;bottom:16px;width:48px;background:linear-gradient(to right,transparent,var(--bg));pointer-events:none}
.vi-rn-strip{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:14px;padding:4px 0 16px;scrollbar-width:none}
.vi-rn-strip::-webkit-scrollbar{display:none}
.vi-rn-card{flex-shrink:0;width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .2s,transform .2s;text-decoration:none;display:flex;flex-direction:column;gap:8px}
.vi-rn-card:hover{border-color:rgba(255,255,255,.1);transform:translateY(-2px)}
@media(max-width:767px){.vi-rn-card{width:200px}}

/* Related articles grid */
.art-related-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.art-related-grid{grid-template-columns:repeat(3,1fr)}}
.art-related-grid .vi-rn-card{width:auto;flex-shrink:unset}

/* Drop cap */
.vi-body > p:first-of-type::first-letter{font-family:'Oswald',sans-serif;font-weight:700;font-size:52px;float:left;line-height:.85;padding:4px 10px 0 0;color:var(--gold)}

/* Scroll-reveal */
.art-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.art-reveal.visible{opacity:1;transform:translateY(0)}

/* TOC category accent */
.art-toc .toc-link:hover,.art-toc .toc-link.active{color:var(--ac,var(--gold));border-left-color:var(--ac,var(--gold))}