@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

/* ==========================================================================
   NOXEN ISSUE PAGES — convert the cream editorial articles to the dark theme.
   Uses !important throughout to beat the pages' own inline <style> module blocks
   and inline style attributes, so every surface and text flips consistently.
   ========================================================================== */

:root {
  --gold: #FF5C3C !important; --gold-dim: rgba(255,92,60,0.14) !important; --gold-border: rgba(255,92,60,0.32) !important;
  --dark: #121014 !important;
}

body { background: #121014 !important; color: #F6F4EF !important; }
.article-wrap { background: #16141A !important; box-shadow: none !important; border: 1px solid rgba(255,255,255,0.07) !important; }

/* Nav */
.site-nav { background: rgba(18,16,20,0.95) !important; }
.site-nav-logo span { color: #FF5C3C !important; }
.site-nav-subscribe { background: #FF5C3C !important; color: #fff !important; border: none !important; border-radius: 999px !important; }
.nav-account, .nav-login-mobile { background: #FF5C3C !important; color: #fff !important; border-color: #FF5C3C !important; border-radius: 999px !important; }

/* Headings + display font */
.cover-title, .body h2, .closing-title, .principle-title, .quiz-title, .ix-title, .g-big {
  color: #F6F4EF !important; font-family: 'Space Grotesk', 'Inter', sans-serif !important;
}
.cover-title, .body h2, .closing-title { letter-spacing: -0.02em !important; }

/* Body copy */
p, .lede, .closing p, .principle-block p, .cover-subtitle { color: #C4C2CB !important; }
strong { color: #F6F4EF !important; }
.cover-subtitle { color: #B0AEB8 !important; }

/* Light components -> dark */
.principle-block { background: #1F1D24 !important; border-color: rgba(255,255,255,0.08) !important; }
.closing { background: #16141A !important; }
.sign-off { border-top-color: rgba(255,255,255,0.08) !important; }
.sign-off .sig-name { color: #F6F4EF !important; }
.name-drop { background: rgba(255,92,60,0.16) !important; color: #FF8B6F !important; }
.pull-quote { color: #F6F4EF !important; }
.divider { background: linear-gradient(90deg, #FF5C3C, #16C79A) !important; }

/* Article meta bar */
.article-meta { color: #9C99A6 !important; }
.article-meta .am-cat { background: rgba(255,92,60,0.16) !important; color: #FF8B6F !important; }
.article-meta .am-dot { background: #444 !important; }

/* Interactive module shell */
.ix-module { background: #1B181F !important; border-color: rgba(255,255,255,0.08) !important; }
.ix-note { color: #9C99A6 !important; }
.mc-lab { color: #B0AEB8 !important; }
.mc-lab .mc-val { color: #F6F4EF !important; }
.mc-dir { color: #9C99A6 !important; }
.mc-dir strong { color: #F6F4EF !important; }
.mc-cell { background: #121014 !important; }
.g-cap { color: #9C99A6 !important; }
.g-cap strong { color: #F6F4EF !important; }

/* Charts / SVG text */
.ix-body svg text, .chart-wrap svg text { fill: #F6F4EF !important; }
.rt-axis { fill: #9C99A6 !important; }
.rt-grid { stroke: rgba(255,255,255,0.09) !important; }
.rt-tip { fill: #F6F4EF !important; }
.rt-dot { fill: #F6F4EF !important; }

/* Briefing navigator cards */
.brf-card { background: #1F1D24 !important; border-color: rgba(255,255,255,0.08) !important; }
.brf-h { color: #F6F4EF !important; }
.brf-d { color: #9C99A6 !important; }
.brf-num { color: #FF5C3C !important; }

/* Flow diagrams */
.flow-step { background: #232029 !important; border-color: rgba(255,255,255,0.08) !important; }
.fs-t { color: #F6F4EF !important; }
.fs-d { color: #9C99A6 !important; }
.fs-ico { background: #121014 !important; }

/* Expandable detail cards */
.ixd { background: #1F1D24 !important; border-color: rgba(255,255,255,0.08) !important; }
.ixd summary { color: #F6F4EF !important; }
.ixd .ixd-body { color: #B0AEB8 !important; }

/* Skills checklist */
.sk-row { border-top-color: rgba(255,255,255,0.08) !important; }
.sk-name { color: #F6F4EF !important; }
.sk-bar-wrap { background: rgba(255,255,255,0.10) !important; }

/* LVMH brand chips */
.lv-chip { background: #232029 !important; border-color: rgba(255,255,255,0.12) !important; color: #F6F4EF !important; }
.lv-more { background: rgba(255,92,60,0.14) !important; color: #FF8B6F !important; }

/* Inline "key idea" cards (#012) — inline-styled divs inside a grid container */
.ix-body [style*="grid"] > div { background: #1F1D24 !important; border-color: rgba(255,255,255,0.08) !important; }
.ix-body [style*="grid"] > div > div { color: #C4C2CB !important; }
.ix-body [style*="grid"] > div > div:nth-child(2) { color: #F6F4EF !important; }

/* Save button */
.nx-save-btn { border-color: #FF5C3C !important; color: #FF5C3C !important; }

/* Selection */
::selection { background: rgba(255,92,60,0.38); color: #fff; }