/* Extracted from the inline <style id="editorial-theme"> block that was repeated
   byte-identically on 9 pages. Cached once instead of re-downloaded
   with every page. Do not reorder: it is linked at the exact position the
   inline block occupied, because these skins depend on source order. */
:root{
  --bg:#131009;--surface:#1B1712;--surface-2:#0F0C07;--fg:#ECE5D6;--muted:#A39A8C;
  --accent:#C9A24B;--accent-light:#E3C77A;--accent-2:#C9A24B;--line:rgba(236,229,214,.12);
  --ex:0 1px 0 rgba(236,229,214,.04),0 18px 40px -12px rgba(0,0,0,.7);
  --ex-hover:0 1px 0 rgba(236,229,214,.06),0 28px 60px -14px rgba(0,0,0,.78);
  --ex-sm:0 1px 0 rgba(236,229,214,.04),0 10px 22px -10px rgba(0,0,0,.6);
  --in:inset 0 0 0 1px rgba(236,229,214,.12);
  --in-deep:inset 0 0 0 1px rgba(201,162,75,.55);
  --in-sm:inset 0 0 0 1px rgba(236,229,214,.08);
}
html,body{background:var(--bg) !important;color:var(--fg) !important;-webkit-font-smoothing:antialiased;}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(201,162,75,.07),transparent 55%),radial-gradient(100% 90% at 50% 120%,rgba(0,0,0,.55),transparent 60%);}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='140'%20height='140'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");}
/* TYPOGRAPHY: editorial serif display + sans body */
h1,h2,.hero h1,.page-hero h1,.logo-text,.font-display,.section-header h2,.concept-title h2,.stat-card .num,.fact .num,.stat-number,.stat-value,.big-number,.concept-number{font-family:'Fraunces','Plus Jakarta Sans',Georgia,serif !important;}
h1,h2,.section-header h2,.concept-title h2{font-weight:600 !important;letter-spacing:-.015em !important;color:var(--fg) !important;}
.hero h1,.page-hero h1{font-weight:600 !important;letter-spacing:-.025em !important;line-height:1.03 !important;font-size:clamp(2.7rem,7vw,5.4rem) !important;}
.section-header h2,h2{font-size:clamp(1.9rem,3.6vw,2.9rem) !important;}
.logo-text{font-weight:600 !important;letter-spacing:0 !important;color:var(--fg) !important;-webkit-text-fill-color:var(--fg) !important;}
.hero-label,.section-tag,.eyebrow,.badge-label,.concept-sub,.concept-title p{font-family:'DM Sans',sans-serif !important;text-transform:uppercase !important;letter-spacing:.28em !important;font-size:.7rem !important;font-weight:700 !important;color:var(--accent) !important;}
.hero h1 .accent{color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;font-style:italic;}
.hero h1 .outline{color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:1px var(--fg);}
p,li,td{color:var(--fg);}
.muted,.dim,.lead,.note,.hero p,.page-hero p,.hero-description,.subtitle,.hero-subtitle,.journal-meta{color:var(--muted) !important;}
::selection{background:rgba(201,162,75,.3);color:#16120A;}
/* SURFACES */
.topic-card,.feature-card,.stat-card,.challenge-card,.daily-challenge,.interactive-demo,.vs-card,.vs-card.classic,.vs-card.quantum,.journal-card,.callout-box,.progress-item,.progress-section,.profile-header,.fact,.cmp-wrap,.blockchain-box,.card,.info-card,.benefit-card,.demo-card,.concept-content{background:var(--surface) !important;border:1px solid var(--line) !important;box-shadow:var(--ex) !important;border-radius:20px !important;color:var(--fg) !important;}
.topic-card:hover,.feature-card:hover,.journal-card:hover,.fact:hover,.stat-card:hover,.challenge-card:hover,.card:hover{box-shadow:var(--ex-hover) !important;}
.math,.gfx{background:#15120D !important;border:1px solid var(--line) !important;box-shadow:var(--ex) !important;}
.demo-result,.hash-out,.formula-box,.formula-display,.card-formula,.formula{background:var(--surface-2) !important;border:1px solid var(--line) !important;box-shadow:inset 0 0 0 1px var(--line) !important;color:var(--fg) !important;}
/* NAV */
.navbar{background:transparent !important;}
.logo,.nav-login,.nav-user,.nav-logout,.nav-burger,.lang-toggle{background:var(--surface) !important;border:1px solid var(--line) !important;box-shadow:var(--ex-sm) !important;}
.nav-login{color:var(--fg) !important;-webkit-text-fill-color:var(--fg) !important;}
.nav-links a{color:var(--fg) !important;-webkit-text-fill-color:var(--fg) !important;}
.nav-links a:hover,.nav-links a.active{color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;}
.nav-burger span,.nav-burger::before,.nav-burger::after{background:var(--fg) !important;}
.lang-toggle .divider{background:var(--line) !important;}
.lang-toggle span{color:var(--muted) !important;}
.lang-toggle span.active{color:var(--accent) !important;}
@media(min-width:901px){.nav-links{background:var(--surface) !important;border:1px solid var(--line) !important;box-shadow:var(--ex-sm) !important;}}
.nav-cta,.nav-menu-cta{background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;color:#16120A !important;-webkit-text-fill-color:#16120A !important;border:none !important;box-shadow:0 12px 26px -10px rgba(201,162,75,.5) !important;}
.nav-cta:hover{filter:brightness(1.05);}
/* BUTTONS */
.btn,.btn-outline,.btn-secondary,.quick-btn,.filter-btn,.btn-logout{background:var(--surface) !important;color:var(--fg) !important;border:1px solid var(--line) !important;box-shadow:var(--ex-sm) !important;}
.btn-primary,.demo-btn,.cta-button,.start-btn,.check-btn,.submit-btn,.filter-btn.active,.flow .step.dark{background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;color:#16120A !important;-webkit-text-fill-color:#16120A !important;border:none !important;box-shadow:0 12px 26px -10px rgba(201,162,75,.5) !important;}
.btn-primary:hover,.demo-btn:hover,.cta-button:hover,.start-btn:hover,.check-btn:hover,.submit-btn:hover{filter:brightness(1.05);}
.btn-primary:active,.demo-btn:active,.cta-button:active,.filter-btn.active:active{box-shadow:inset 0 0 0 1px rgba(0,0,0,.3) !important;}
/* INPUTS */
.demo-input,#aiChatInput,input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{background:var(--surface-2) !important;color:var(--fg) !important;border:1px solid var(--line) !important;box-shadow:none !important;}
.demo-input:focus,#aiChatInput:focus,input:focus,select:focus,textarea:focus{box-shadow:var(--in-deep) !important;border-color:rgba(201,162,75,.55) !important;}
::placeholder{color:#7C7568 !important;}
/* ACCENTS */
.section-tag,.eyebrow,.badge-label,.vs-mid,.flow .arrow,.tl .yr,.timeline .yr,.pill,.jtag,footer a,.journal-card details summary{color:var(--accent) !important;}
.pill,.jtag{background:var(--surface) !important;border:1px solid var(--line) !important;box-shadow:none !important;}
.stat-card .num,.fact .num,.stat-number,.stat-value,.big-number{color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;font-weight:500 !important;}
.concept-number{background:transparent !important;color:var(--accent) !important;-webkit-text-fill-color:var(--accent) !important;font-weight:500 !important;font-size:2rem !important;box-shadow:none !important;border:1px solid var(--line) !important;border-radius:12px !important;}
.progress-bar,.xp-bar .progress-bar,.xp-track,.progress-track,.bar-track{background:var(--surface-2) !important;border:1px solid var(--line) !important;box-shadow:none !important;}
.progress-fill,#xpFill,.xp-fill,.bar-fill.warm,.bar-fill.cool{background:linear-gradient(90deg,var(--accent),var(--accent-light)) !important;}
.bar-fill.dark{background:linear-gradient(90deg,#6B6256,#9a8f7e) !important;}
.profile-avatar{background:var(--surface) !important;border:1px solid var(--line) !important;color:var(--accent) !important;}
.vs-card li{border-bottom:1px solid var(--line) !important;}
table.cmp,.cmp{background:var(--surface) !important;border:1px solid var(--line) !important;}
table.cmp th{background:var(--accent) !important;color:#16120A !important;}
table.cmp td{border-bottom:1px solid var(--line) !important;color:var(--fg) !important;}
.tag-broken{color:#E58B7F !important;}
.tag-safe{color:#79C99A !important;}
.tl::before{box-shadow:0 0 0 4px rgba(201,162,75,.18) !important;}
.cursor{background:rgba(201,162,75,.16) !important;border:2px solid var(--accent) !important;}
.cursor.hover,.cursor.active{background:rgba(201,162,75,.1) !important;}
/* FOOTER */
footer{background:var(--surface) !important;border-top:1px solid var(--line) !important;box-shadow:none !important;color:var(--muted) !important;}
/* CHATBOT */
#aiChatToggle,.ai-chat-toggle,.ai-chat-header,#aiChatWindow .ai-chat-header,#aiSendBtn,.ai-send-btn{background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;color:#16120A !important;border:none !important;}
#aiChatWindow,.ai-chat-window{background:var(--surface) !important;border:1px solid var(--line) !important;}
/* SPINNING COIN */
.coin3d__face{background:var(--surface) !important;border:1px solid var(--line);box-shadow:0 18px 40px -12px rgba(0,0,0,.7) !important;}
.coin3d__sigma{background:linear-gradient(135deg,var(--accent-light),var(--accent)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
/* FOCUS (a11y) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.lang-toggle:focus-visible,.nav-links a:focus-visible{outline:2px solid var(--accent) !important;outline-offset:3px;}
/* MOBILE: designed, not shrunk */
@media(max-width:600px){
  .hero h1,.page-hero h1{font-size:clamp(2.1rem,11vw,3.1rem) !important;line-height:1.06 !important;}
  .section-header h2,h2{font-size:clamp(1.6rem,7vw,2.1rem) !important;}
  .concept-number{font-size:1.5rem !important;}
  .coin3d{width:90px !important;height:90px !important;}
}
