/* Reversible Blueprint-page experiment. The nebula baseline stays untouched
   in secondary.css. Active only via strategies.html's data-strategy-theme.
   Navy/glow/grid are the terminal's body + workspace treatment from
   app/minimal-preview.css, including its quiet 32 px drafting grid. */
html[data-strategy-theme="blueprint"]{background:#07111b}
html[data-strategy-theme="blueprint"] .strategy-page{
  --ink:#07111b;
  --panel:#0a1723;
  --line:#243a4a;
  --text:#edf3f6;
  --muted:#a4b3bd;
  --faint:#8da2b2;
  --accent:#4b91b8;
  --accent-bright:#76b7d3;
  --accent-rgb:75,145,184;
  background:#07111b;
  color:var(--text);
}
html[data-strategy-theme="blueprint"] .strategy-page::before{
  background:radial-gradient(ellipse 60% 44% at 82% -4%,rgba(75,145,184,.18),transparent 68%),radial-gradient(ellipse 46% 36% at 8% 42%,rgba(109,159,208,.07),transparent 72%),#07111b;
}
html[data-strategy-theme="blueprint"] .strategy-page::after{
  inset:0;
  z-index:-1;
  opacity:1;
  mask-image:none;
  background-image:linear-gradient(rgba(75,145,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(75,145,184,.035) 1px,transparent 1px);
  background-size:32px 32px;
}
html[data-strategy-theme="blueprint"] .strategy-nebula{display:none}

/* Neutral navy surfaces keep the drafting lines behind the content. Blue
   marks selection; it does not tint every panel or replace factor colours. */
html[data-strategy-theme="blueprint"] :is(.strategy-signal-panel,.strategy-deep-card,.strategy-build-panel,.strategy-holdings-ledger,.strategy-compare-card,.strategy-honesty){
  background:rgba(10,23,35,.95);
  border-color:#243a4a;
  box-shadow:none;
}
html[data-strategy-theme="blueprint"] .strategy-signal-panel{border-color:#2d4354!important}
html[data-strategy-theme="blueprint"] .strategy-deep-card:hover{border-color:rgba(75,145,184,.72)}
html[data-strategy-theme="blueprint"] .strategy-deep-card[aria-selected="true"]{
  background:linear-gradient(150deg,rgba(75,145,184,.1),transparent 65%),#0c1a28;
  border-color:#4b91b8;
  box-shadow:inset 0 2px #76b7d3;
}
html[data-strategy-theme="blueprint"] .strategy-spec-row{background:rgba(10,23,35,.95);border-color:#243a4a}
html[data-strategy-theme="blueprint"] .strategy-flow-caption{background:#08131f;border-color:#243a4a;color:#a4b3c3;font-size:10px}
html[data-strategy-theme="blueprint"] :is(.strategy-deep-eyebrow,.strategy-step-heading>span,.strategy-deep-card__type,.strategy-deep-card>small,.strategy-card-examples>small,.strategy-spec-row dt,.strategy-build-panel>header,.strategy-rule-ledger dt,.strategy-floor-row>small,.strategy-holdings-ledger>header,.strategy-holdings-ledger article>i,.strategy-holdings-ledger article>span small,.strategy-compare-card>aside>small,.strategy-compare-card .identity-factor-table>header){color:#8da2b2}
html[data-strategy-theme="blueprint"] :is(.strategy-step-heading p,.strategy-factor-battery-note,.strategy-card-factors small,.strategy-signal-mix small,.strategy-signal-panel>footer,.strategy-holdings-ledger>footer,.strategy-compare-card>aside>p,.strategy-compare-card .identity-factor-table span em){color:#a4b3bd}
html[data-strategy-theme="blueprint"] :is(.strategy-deep-hero h1,.strategy-step-heading h2,.strategy-deep-card>strong,.strategy-spec-row dd,.strategy-compare-card>aside>strong,.strategy-holdings-ledger article>span b){color:#edf3f6}
html[data-strategy-theme="blueprint"] .strategy-deep-hero h1 em{color:#76b7d3}
html[data-strategy-theme="blueprint"] .strategy-build-panel>header b{color:#76b7d3}
html[data-strategy-theme="blueprint"] :is(.strategy-card-examples b,.strategy-rule-chips span,.strategy-signal-holdings span){background:#0d1e2c;border-color:#304659;color:#b7c7d1}
html[data-strategy-theme="blueprint"] .strategy-factor-battery{background:#07111b}
html[data-strategy-theme="blueprint"] .strategy-factor-batteries [data-unweighted="true"] .strategy-factor-battery{border-color:#344957}
html[data-strategy-theme="blueprint"] .strategy-factor-batteries [data-unweighted="true"] .strategy-factor-battery::before{background:#344957}
html[data-strategy-theme="blueprint"] .strategy-spine-dot{background:#07111b}
html[data-strategy-theme="blueprint"] .strategy-step.is-visible>.strategy-spine-dot{background:#4b91b8}
html[data-strategy-theme="blueprint"] .strategy-honesty{border-left-color:#d3a24d}
@media(max-width:760px){html[data-strategy-theme="blueprint"] .strategy-flow-caption{font-size:9px}}