:root{--bg:#0c0905;--surface:#171009;--surface2:#221810;--fire:#ff5e00;--glow:#ffa84c;--white:#fff4ec;--muted:#9a8270;--border:#2c1e14}
.text-brand{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:.09em;color:var(--white)}
.text-brand span{color:var(--fire)}
.article-hero{padding:160px 5vw 74px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 72% 30%,rgba(255,94,0,.13),transparent 34%)}
.article-wrap{width:min(1120px,90vw);margin:0 auto}
.article-hero .article-wrap{width:min(900px,90vw);text-align:center}
.article-eyebrow{font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fire)}
.article-hero h1{margin:16px auto 18px;font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,8vw,6.3rem);line-height:.92;letter-spacing:.02em;color:var(--white)}
.article-hero p{max-width:760px;margin:0 auto;color:#c1b0a2;font-size:clamp(1rem,2vw,1.14rem);line-height:1.8}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:76px 0}
.article-card{display:flex;min-height:290px;flex-direction:column;padding:28px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:.25s ease}
.article-card:hover{transform:translateY(-5px);border-color:rgba(255,94,0,.5);box-shadow:0 20px 45px rgba(0,0,0,.25)}
.article-card .meta{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--fire);letter-spacing:.12em;text-transform:uppercase}
.article-card h2{margin:16px 0 12px;font-size:1.38rem;line-height:1.42;color:var(--white)}
.article-card p{color:var(--muted);font-size:.9rem;line-height:1.72}
.article-card .read{margin-top:auto;padding-top:24px;color:var(--glow);font-family:'Space Mono',monospace;font-size:.72rem}
.article-card.is-plan{opacity:.72;border-style:dashed}
.article-body{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:70px;padding:76px 0 90px;align-items:start}
.prose{color:#cdbfb4;font-size:1rem;line-height:1.95}
.prose h2{margin:54px 0 16px;color:#fff;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.3}
.prose h2:first-child{margin-top:0}.prose h3{margin:34px 0 12px;color:#fff;font-size:1.18rem}.prose p{margin:0 0 18px}.prose strong{color:#fff}.prose ul{margin:0 0 22px;padding-left:23px}.prose li{margin:8px 0}
.article-callout{margin:30px 0;padding:24px;border-left:3px solid var(--fire);background:rgba(255,94,0,.07);color:#eaded4}
.article-table{width:100%;margin:26px 0;border-collapse:collapse;font-size:.9rem}.article-table th,.article-table td{padding:14px;border:1px solid var(--border);text-align:left;vertical-align:top}.article-table th{color:#fff;background:var(--surface2)}
.article-side{position:sticky;top:110px;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
.article-side h3{margin:0 0 12px;color:#fff}.article-side p{color:var(--muted);font-size:.85rem;line-height:1.65}.article-side a{display:block;margin-top:12px;padding:11px 14px;border-radius:5px;text-align:center;background:var(--fire);color:#fff;font-size:.82rem;font-weight:600}.article-side a.secondary{background:transparent;border:1px solid var(--border);color:var(--glow)}
.topic-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.topic-links a{padding:9px 12px;border:1px solid var(--border);border-radius:999px;color:var(--glow);font-size:.8rem}
@media(max-width:900px){.article-grid{grid-template-columns:1fr 1fr}.article-body{grid-template-columns:1fr}.article-side{position:static}}
@media(max-width:620px){.article-hero{padding-top:132px}.article-grid{grid-template-columns:1fr;padding:50px 0}.article-body{padding-top:52px}.article-table{font-size:.8rem}.article-table th,.article-table td{padding:10px}}