/* v20: dark-mode overhaul for stronger hierarchy, clearer contrast, and more premium surfaces */
html[data-theme="dark"] body{
  background:
    radial-gradient(1200px 700px at 12% 0%, rgba(94,108,255,.16), transparent 58%),
    radial-gradient(950px 600px at 90% 8%, rgba(128,112,244,.12), transparent 56%),
    linear-gradient(180deg,#0b1022 0%,#0d142a 34%,#0f1730 68%,#0b1123 100%)!important;
  color:#eff3ff!important;
}
html[data-theme="dark"] .site-header{
  background:rgba(8,13,28,.64)!important;
  border-color:rgba(141,155,210,.12)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 16px 44px rgba(2,6,20,.18)!important;
}
html[data-theme="dark"] .site-header.scrolled{background:rgba(8,13,28,.82)!important;box-shadow:0 22px 56px rgba(2,6,20,.28)!important}
html[data-theme="dark"] .desktop-nav a{color:#d9e2fb!important}
html[data-theme="dark"] .desktop-nav a:hover,html[data-theme="dark"] .desktop-nav a.active{color:#ffffff!important}
html[data-theme="dark"] .theme-toggle{background:rgba(255,255,255,.04)!important;border-color:rgba(147,159,213,.12)!important;box-shadow:none!important}
html[data-theme="dark"] .button-light{background:linear-gradient(135deg,#ffffff,#edf2ff)!important;color:#10182f!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .button-light:hover{transform:translateY(-1px)}

/* Section backgrounds */
html[data-theme="dark"] .continuity-v10,
html[data-theme="dark"] .organization-v15,
html[data-theme="dark"] .instrument-v11,
html[data-theme="dark"] .contact-section{
  background:transparent!important;
}

/* dark heading and copy tuning */
html[data-theme="dark"] .continuity-v9-head h2,
html[data-theme="dark"] .organization-v15-head h2,
html[data-theme="dark"] .instrument-v11-title h2,
html[data-theme="dark"] .contact-shell h2,
html[data-theme="dark"] .contact-shell h3{color:#f3f6ff!important}
html[data-theme="dark"] .continuity-v9-head h2 em,
html[data-theme="dark"] .organization-v15-head h2 em,
html[data-theme="dark"] .instrument-v11-title h2 em{background:linear-gradient(90deg,#8aa0ff,#b094ff)!important;-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-theme="dark"] .continuity-v10-copy p,
html[data-theme="dark"] .organization-v15-head>p,
html[data-theme="dark"] .instrument-v14-title p,
html[data-theme="dark"] .instrument-v14-note button,
html[data-theme="dark"] .contact-shell p{color:#aeb9d3!important}

/* continuity section */
html[data-theme="dark"] .continuity-v10-head{margin-bottom:22px!important}
html[data-theme="dark"] .continuity-head-actions .context-play,
html[data-theme="dark"] .continuity-head-actions .context-play button,
html[data-theme="dark"] .continuity-head-actions .context-play{color:#dce5ff}
html[data-theme="dark"] .context-scenarios button{
  background:linear-gradient(180deg,rgba(18,26,50,.94),rgba(14,21,42,.92))!important;
  border-color:rgba(145,158,214,.12)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .context-scenarios button b{color:#edf2ff!important}
html[data-theme="dark"] .context-scenarios button span,
html[data-theme="dark"] .context-scenarios button em,
html[data-theme="dark"] .context-scenarios button small{color:#92a0c0!important}
html[data-theme="dark"] .context-scenarios button.active{
  background:linear-gradient(180deg,rgba(31,42,78,.98),rgba(20,31,60,.96))!important;
  border-color:rgba(126,143,255,.42)!important;
  box-shadow:0 20px 52px rgba(58,76,182,.22), inset 0 0 0 1px rgba(168,179,255,.08)!important;
}
html[data-theme="dark"] .continuity-v10-stage{
  background:linear-gradient(180deg,rgba(17,24,45,.98),rgba(14,21,40,.98))!important;
  border:1px solid rgba(132,147,203,.12)!important;
  box-shadow:0 34px 88px rgba(1,5,18,.34)!important;
}
html[data-theme="dark"] .continuity-v10-stage .assets-panel,
html[data-theme="dark"] .continuity-v10-stage .audit-panel{
  background:linear-gradient(180deg,rgba(24,32,57,.98),rgba(18,26,47,.98))!important;
  border-color:rgba(140,153,205,.12)!important;
}
html[data-theme="dark"] .continuity-v10-stage .asset{
  background:rgba(255,255,255,.03)!important;
  border-color:rgba(148,161,210,.08)!important;
}
html[data-theme="dark"] .continuity-v10-stage .asset b,
html[data-theme="dark"] .continuity-v10-stage .audit-panel .selected-card strong,
html[data-theme="dark"] .continuity-v10-stage .flow-label b,
html[data-theme="dark"] .continuity-v10-stage .context-tooltip strong{color:#eef3ff!important}
html[data-theme="dark"] .continuity-v10-stage .asset span,
html[data-theme="dark"] .continuity-v10-stage .audit-panel .selected-card p,
html[data-theme="dark"] .continuity-v10-stage .flow-label span,
html[data-theme="dark"] .continuity-v10-stage .context-tooltip span,
html[data-theme="dark"] .continuity-v10-stage .audit-panel li,
html[data-theme="dark"] .continuity-v10-stage .grid-caption{color:#9aa6c3!important}
html[data-theme="dark"] .continuity-v10-stage .asset.active{background:linear-gradient(180deg,rgba(43,56,99,.94),rgba(29,40,73,.96))!important;border-color:rgba(124,142,255,.34)!important;box-shadow:0 18px 38px rgba(48,66,152,.2)!important}
html[data-theme="dark"] .continuity-v10-stage .context-flow{
  background:
    radial-gradient(circle at 50% 50%,rgba(108,122,246,.12),transparent 32%),
    linear-gradient(rgba(151,163,214,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(151,163,214,.05) 1px,transparent 1px)!important;
  background-size:auto,32px 32px,32px 32px!important;
}
html[data-theme="dark"] .continuity-v10-stage .ctx-path{stroke:rgba(127,143,255,.72)!important}
html[data-theme="dark"] .continuity-v10-stage .ctx-node{fill:rgba(18,24,44,.9)!important;stroke:rgba(132,149,255,.96)!important}
html[data-theme="dark"] .continuity-v10-stage .flow-label,
html[data-theme="dark"] .continuity-v10-stage .context-tooltip,
html[data-theme="dark"] .continuity-v10-stage .context-packet,
html[data-theme="dark"] .continuity-v10-stage .selected-card,
html[data-theme="dark"] .continuity-v10-stage .route-card{
  background:linear-gradient(180deg,rgba(24,32,57,.96),rgba(18,26,47,.96))!important;
  border-color:rgba(141,154,206,.12)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .continuity-v10-stage .audit-score strong{color:#f4f7ff!important}
html[data-theme="dark"] .continuity-v10-stage .audit-score .bar{background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .continuity-v10-stage .audit-score .bar i{background:linear-gradient(90deg,#8091ff,#ab8dff)!important}
html[data-theme="dark"] .continuity-v10-stage .audit-next{background:linear-gradient(90deg,#7b8bff,#9a84ff)!important;color:#fff!important;border:none!important}

/* organization section */
html[data-theme="dark"] .organization-v15:before{background:linear-gradient(90deg,transparent 0 49.97%,rgba(146,158,217,.06) 50%,transparent 50.03%)!important}
html[data-theme="dark"] .institution-duet{
  background:linear-gradient(180deg,rgba(18,25,46,.92),rgba(14,21,40,.96))!important;
  border:1px solid rgba(132,146,203,.12)!important;
  box-shadow:0 34px 86px rgba(1,5,18,.34)!important;
}
html[data-theme="dark"] .institution-pane{
  background:linear-gradient(180deg,rgba(18,25,46,.92),rgba(14,21,40,.96))!important;
}
html[data-theme="dark"] .institution-pane.active{
  background:linear-gradient(180deg,rgba(22,31,57,.98),rgba(16,24,45,.98))!important;
}
html[data-theme="dark"] .institution-pane:after{opacity:.75!important}
html[data-theme="dark"] .institution-pane-head button,
html[data-theme="dark"] .institution-pane-copy>small,
html[data-theme="dark"] .institution-pane-copy p,
html[data-theme="dark"] .institution-inline-meta,
html[data-theme="dark"] .institution-v15-footer,
html[data-theme="dark"] .academic-label{color:#a7b3cf!important}
html[data-theme="dark"] .institution-pane-copy h3,
html[data-theme="dark"] .engineering-layer b,
html[data-theme="dark"] .institution-v15-footer strong{color:#f1f5ff!important}
html[data-theme="dark"] .engineering-layer{
  background:linear-gradient(180deg,rgba(23,31,57,.96),rgba(16,23,44,.96))!important;
  border-color:rgba(137,149,203,.12)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .engineering-layer small,
html[data-theme="dark"] .engineering-layer span{color:#99a5c3!important}
html[data-theme="dark"] .academic-path{stroke:rgba(118,131,241,.35)!important}
html[data-theme="dark"] .academic-path.p2{stroke:rgba(144,130,244,.32)!important}
html[data-theme="dark"] .academic-label{
  background:rgba(24,32,57,.94)!important;
  border-color:rgba(139,154,210,.12)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] .academic-dot.core{filter:drop-shadow(0 0 8px rgba(123,140,255,.48))}

/* tools section */
html[data-theme="dark"] .instrument-v11 .instrument-tabs,
html[data-theme="dark"] .workbench-controls-v11{
  background:linear-gradient(180deg,rgba(16,23,43,.92),rgba(13,20,39,.94))!important;
  border-color:rgba(139,152,206,.12)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"] .instrument-v11 .instrument-tabs button{
  background:transparent!important;
  border-color:transparent!important;
  color:#aeb8d3!important;
}
html[data-theme="dark"] .instrument-v11 .instrument-tabs button b{color:#eef2ff!important}
html[data-theme="dark"] .instrument-v11 .instrument-tabs button small,
html[data-theme="dark"] .instrument-v11 .instrument-tabs button em{color:#8e9bbd!important}
html[data-theme="dark"] .instrument-v11 .instrument-tabs button.active{
  background:linear-gradient(135deg,#5d6eff,#836cf2)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 18px 42px rgba(87,104,239,.28)!important;
}
html[data-theme="dark"] .instrument-v11 .instrument-tabs button.active small,
html[data-theme="dark"] .instrument-v11 .instrument-tabs button.active em{color:rgba(255,255,255,.82)!important}
html[data-theme="dark"] .workbench-controls-v11 button{color:#aeb7cf!important}
html[data-theme="dark"] .workbench-controls-v11 button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] .instrument-workbench-v11{
  border-color:rgba(134,148,205,.12)!important;
  background:linear-gradient(180deg,rgba(12,18,36,.98),rgba(9,15,30,.98))!important;
  box-shadow:0 34px 88px rgba(1,5,18,.34)!important;
}
html[data-theme="dark"] .instrument-workbench-top-v11,
html[data-theme="dark"] .instrument-workbench-footer-v11{
  background:linear-gradient(180deg,rgba(18,25,46,.98),rgba(14,21,40,.98))!important;
  border-color:rgba(137,149,203,.12)!important;
}
html[data-theme="dark"] .instrument-breadcrumb span,
html[data-theme="dark"] .instrument-breadcrumb i,
html[data-theme="dark"] .instrument-live span,
html[data-theme="dark"] .instrument-live em,
html[data-theme="dark"] .instrument-workbench-footer-v11 div,
html[data-theme="dark"] .instrument-workbench-footer-v11 a{color:#99a6c4!important}
html[data-theme="dark"] .instrument-breadcrumb b{color:#eef2ff!important}
html[data-theme="dark"] .instrument-stage-v11{
  background:linear-gradient(180deg,#0d1430,#0b1228)!important;
}
html[data-theme="dark"] .instrument-stage-v11 .lab-rail{background:linear-gradient(180deg,#0f1631,#0b1228)!important;border-color:rgba(136,148,203,.1)!important}
html[data-theme="dark"] .instrument-stage-v11 .lab-main{background:linear-gradient(180deg,rgba(12,18,36,.28),rgba(12,18,36,.18))!important}
html[data-theme="dark"] .instrument-stage-v11 .metric-card,
html[data-theme="dark"] .instrument-stage-v11 .lab-panel,
html[data-theme="dark"] .instrument-stage-v11 .topic-list,
html[data-theme="dark"] .instrument-stage-v11 .topic-list button,
html[data-theme="dark"] .instrument-stage-v11 .doc-stream,
html[data-theme="dark"] .instrument-stage-v11 .state-list,
html[data-theme="dark"] .instrument-stage-v11 .review-doc-premium,
html[data-theme="dark"] .instrument-stage-v11 .risk-evidence-list,
html[data-theme="dark"] .instrument-stage-v11 .review-issue-premium,
html[data-theme="dark"] .instrument-stage-v11 .scenario-switch button,
html[data-theme="dark"] .instrument-stage-v11 .sim-actions button,
html[data-theme="dark"] .instrument-stage-v11 .evidence-toggles button,
html[data-theme="dark"] .instrument-stage-v11 .coding-add,
html[data-theme="dark"] .instrument-stage-v11 .reviewer-roles button{
  background:linear-gradient(180deg,rgba(18,25,47,.96),rgba(14,20,40,.96))!important;
  border-color:rgba(137,149,203,.12)!important;
  color:#aeb7ce!important;
}
html[data-theme="dark"] .instrument-stage-v11 .metric-card strong,
html[data-theme="dark"] .instrument-stage-v11 .lab-panel>header b,
html[data-theme="dark"] .instrument-stage-v11 .lab-titlebar h3,
html[data-theme="dark"] .instrument-stage-v11 .topic-list b,
html[data-theme="dark"] .instrument-stage-v11 .doc-stream b,
html[data-theme="dark"] .instrument-stage-v11 .state-list b,
html[data-theme="dark"] .instrument-stage-v11 .risk-evidence-list b,
html[data-theme="dark"] .instrument-stage-v11 .transcript-list b,
html[data-theme="dark"] .instrument-stage-v11 .review-issue-premium b,
html[data-theme="dark"] .instrument-stage-v11 .review-doc-premium h4{color:#f1f5ff!important}
html[data-theme="dark"] .instrument-stage-v11 .topic-map-wrap,
html[data-theme="dark"] .instrument-stage-v11 .agent-canvas,
html[data-theme="dark"] .instrument-stage-v11 .coding-board{
  background:
    radial-gradient(circle at 48% 46%,rgba(99,116,244,.12),transparent 32%),
    linear-gradient(rgba(151,163,214,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(151,163,214,.05) 1px,transparent 1px)!important;
  background-size:auto,26px 26px,26px 26px!important;
}
html[data-theme="dark"] .instrument-stage-v11 .map-float,
html[data-theme="dark"] .instrument-stage-v11 .code-node{
  background:linear-gradient(180deg,rgba(23,31,57,.96),rgba(17,24,44,.96))!important;
  border-color:rgba(139,151,203,.12)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] .instrument-stage-v11 .topic-list button.active,
html[data-theme="dark"] .instrument-stage-v11 .scenario-switch button.active,
html[data-theme="dark"] .instrument-stage-v11 .sim-actions button.active,
html[data-theme="dark"] .instrument-stage-v11 .evidence-toggles button.active,
html[data-theme="dark"] .instrument-stage-v11 .reviewer-roles button.active,
html[data-theme="dark"] .instrument-stage-v11 .review-issue-premium button.active{
  background:linear-gradient(180deg,rgba(35,46,83,.98),rgba(26,36,67,.98))!important;
  border-color:rgba(125,141,255,.3)!important;
  color:#fff!important;
}
html[data-theme="dark"] .instrument-stage-v11 .topic-bars i,
html[data-theme="dark"] .instrument-stage-v11 .score-bars i,
html[data-theme="dark"] .instrument-stage-v11 .sim-timeline i,
html[data-theme="dark"] .instrument-stage-v11 .donut-wrap .bg,
html[data-theme="dark"] .instrument-stage-v11 .risk-gauge-wrap .bg{background:#1b2544!important;stroke:#1b2544!important}
html[data-theme="dark"] .instrument-stage-v11 .topic-point,
html[data-theme="dark"] .instrument-stage-v11 .agent-node{filter:drop-shadow(0 0 4px rgba(118,131,241,.18))}

/* contact */
html[data-theme="dark"] .contact-shell,
html[data-theme="dark"] .contact-form{
  background:linear-gradient(180deg,rgba(18,25,46,.96),rgba(14,21,40,.96))!important;
  border-color:rgba(137,149,203,.12)!important;
  box-shadow:0 22px 50px rgba(1,5,18,.24)!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{background:rgba(255,255,255,.03)!important;border-color:rgba(137,149,203,.12)!important;color:#eef2ff!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7f8db0!important}

/* Mobile dark mode balance */
@media (max-width: 900px){
  html[data-theme="dark"] .continuity-v10-stage,
  html[data-theme="dark"] .instrument-workbench-v11,
  html[data-theme="dark"] .institution-duet,
  html[data-theme="dark"] .contact-shell{box-shadow:0 20px 44px rgba(1,5,18,.24)!important}
  html[data-theme="dark"] .context-scenarios{gap:8px!important}
}