/* Articles section (staging). Additive to /styles.css; uses .theme-gc tokens (violet/gold). */
.art-wrap{max-width:740px;margin:0 auto;padding:clamp(120px,16vw,170px) 22px 80px}
.art-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.art-title{font-size:clamp(34px,6vw,58px);line-height:1.04;letter-spacing:-.02em;margin:.35em 0 .3em;font-weight:500}
.art-title .serif,.art-h .serif{font-family:var(--serif);font-style:italic;background:var(--ember);-webkit-background-clip:text;background-clip:text;color:transparent}
.art-meta{color:var(--muted);font-size:14px;margin-bottom:28px}
.art-draft{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#1a1206;background:var(--accent);border-radius:999px;padding:4px 10px;margin-left:8px}
.prose{color:var(--text-2);font-size:18px;line-height:1.7}
.prose h2{color:var(--text);font-size:clamp(23px,3vw,29px);line-height:1.2;margin:2em 0 .6em;font-weight:500;letter-spacing:-.01em}
.prose h3{color:var(--text);font-size:20px;margin:1.6em 0 .5em}
.prose p,.prose ul,.prose ol{margin:0 0 1.1em}
.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.3em 0}
.prose strong{color:var(--text)}
.prose a{color:var(--amber);text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.4);text-underline-offset:3px;overflow-wrap:anywhere}
.prose a:hover{text-decoration-color:var(--accent)}
.prose blockquote{border-left:2px solid var(--star);margin:1.4em 0;padding:.2em 0 .2em 1.1em;color:var(--text)}
.prose hr{border:0;border-top:1px solid var(--line-2);margin:2.4em 0}
.theory{position:relative;margin:1.5em 0;padding:18px 20px 16px;border:1px solid rgba(var(--star-rgb),.35);border-radius:14px;background:linear-gradient(180deg,rgba(var(--star-rgb),.09),rgba(var(--star-rgb),.03))}
.theory p:last-child{margin-bottom:0}
.theory-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--star);margin-bottom:8px}
.theory-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--star);box-shadow:0 0 10px rgba(var(--star-rgb),.8)}
.sources{margin-top:3em;padding:24px 24px 10px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2)}
.sources h2{margin-top:0;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.sources li{font-size:15px;line-height:1.55}
.art-cta{margin-top:56px;padding:34px 28px;border-radius:var(--radius-lg);border:1px solid var(--line-2);text-align:center;background:radial-gradient(60% 90% at 100% 0%,rgba(var(--star-rgb),.16),transparent 60%),radial-gradient(50% 80% at 0% 100%,rgba(var(--accent-rgb),.10),transparent 60%),linear-gradient(180deg,var(--bg-3),var(--bg-2))}
.art-cta h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 .4em;font-weight:500}
.art-cta p{color:var(--text-2);margin:0 auto 20px;max-width:46ch}
.art-list{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:14px}
.art-card{display:block;padding:24px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--bg-2);color:inherit;text-decoration:none;transition:border-color var(--fast),transform var(--fast) var(--ease)}
.art-card:hover{border-color:rgba(var(--accent-rgb),.55);transform:translateY(-2px)}
.art-card .n{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em}
.art-card h2{font-size:22px;margin:.35em 0 .3em;font-weight:500;color:var(--text)}
.art-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}
.art-back{display:inline-block;margin-bottom:22px;color:var(--muted);font-size:14px;text-decoration:none}
.art-back:hover{color:var(--text)}
@media (max-width:560px){.prose{font-size:17px}.sources{padding:18px 16px 6px}.art-cta{padding:26px 18px}}
.art-sec{font-size:13px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:40px 0 0;font-weight:500}
.art-featured .art-card{border-color:rgba(var(--accent-rgb),.45)}
.art-fig{margin:28px 0}.art-fig img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.art-fig figcaption{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}