/* Shared frosted surfaces. Background color comes from the page, not card gradients.
   Artwork, plotted series and brand logos retain their original rendering. */
@media screen {
  :root {
    --glass-surface:rgba(255,255,255,.42);
    --glass-inset:rgba(255,255,255,.24);
    --glass-inset-border:rgba(110,130,164,.16);
    --glass-border:rgba(255,255,255,.72);
    --glass-shadow:inset 0 1px 0 #ffffffa6,0 10px 30px -22px #26395738;
    --glass-inset-shadow:inset 0 1px 0 #ffffff80;
    --glass-sheet:rgba(248,250,254,.82);
    --glass-fallback:#f5f7fb;
    --glass-blur:22px;
    --glass-node:rgba(255,255,255,.38);
    --glass-planner:rgba(87,70,143,.88);
  }
  html[data-theme="dark"] {
    --glass-surface:rgba(29,32,40,.58);
    --glass-inset:rgba(255,255,255,.035);
    --glass-inset-border:rgba(255,255,255,.12);
    --glass-border:rgba(255,255,255,.13);
    --glass-shadow:inset 0 1px 0 #ffffff0d,0 10px 30px -22px #0008;
    --glass-inset-shadow:inset 0 1px 0 #ffffff08;
    --glass-sheet:rgba(27,29,36,.86);
    --glass-fallback:#1b1d22;
    --glass-node:rgba(38,42,52,.52);
    --glass-planner:rgba(91,73,137,.88);
  }
  html[data-theme] :is(.context-disclosure,.story-notes,.project-card,.strategy-phase,
    .skill-group,.technology-card,.technology-route,.growth-journey-stage) {
    background:var(--glass-surface);
    border-color:var(--glass-border);
    box-shadow:var(--glass-shadow);
    backdrop-filter:blur(var(--glass-blur)) saturate(115%);
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(115%);
  }
  /* Inner panels share their parent's tint without stacking heavy blur layers. */
  html[data-theme] :is(.strategy-impact,.result-box,.learning-box,.diagram-flow li,.ab-phase,
    .training-node,.training-branch,.comparison-chart,.milestone-results>div,
    .forecast-research,.outcome-strip,.prediction-model,.prediction-outputs>div,
    .flow,.metric-row,.paper-figure,.paper-equation,.paper-result-summary>div,
    .paper-metric-key,.paper-table-scroll,.paper-ablation,.paper-evidence,
    .review-outlook-grid article,.wiki-output-grid article,.research-task,
    .research-contribution,.technology-evidence,.forecast-step-panel,.forecast-detail,
    .agent-canvas,.forecast-lane,.forecast-node,.agent-node,.contribution-link,
    .growth-journey-foundation,.agent-plan-engine,.agent-plan-campaign,
    .agent-plan-review,.agent-plan-memory,.pricing-decision-choice) {
    background:var(--glass-inset);
    border-color:var(--glass-inset-border);
    box-shadow:var(--glass-inset-shadow);
  }
  html[data-theme] :is(.agent-node,.forecast-node):not(.agent-node--planner) {background:var(--glass-node)}
  html[data-theme] .agent-node.agent-node--planner {background:var(--glass-planner);color:#fff}
  html[data-theme] :is(.project-preview,.project-compare-open .project-preview,.forecast-dialog) {
    background:var(--glass-sheet);
    border-color:var(--glass-border);
    backdrop-filter:blur(28px) saturate(115%);
    -webkit-backdrop-filter:blur(28px) saturate(115%);
  }
  html[data-theme] .preview-detail {background:transparent}
  html[data-theme] :is(.project-card:hover,.growth-journey-stage:hover) {box-shadow:var(--glass-shadow)}
  /* Keep selected links distinct without adding another color gradient. */
  html[data-theme] .contribution-link[aria-current],
  html[data-theme] .project-compare-open .contribution-link.comparison-focus {
    background:var(--glass-node);border-color:var(--accent);
  }
}
@media screen and (max-width:600px) {
  :root {--glass-blur:14px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  @media screen {
    html[data-theme] :is(.context-disclosure,.story-notes,.project-card,.strategy-phase,
    .skill-group,.technology-card,.technology-route,.growth-journey-stage,
    .strategy-impact,.result-box,.learning-box,.diagram-flow li,.ab-phase,
    .training-node,.training-branch,.comparison-chart,.milestone-results>div,
    .forecast-research,.outcome-strip,.prediction-model,.prediction-outputs>div,
    .flow,.metric-row,.paper-figure,.paper-equation,.paper-result-summary>div,
    .paper-metric-key,.paper-table-scroll,.paper-ablation,.paper-evidence,
    .review-outlook-grid article,.wiki-output-grid article,.research-task,
    .research-contribution,.technology-evidence,.forecast-step-panel,.forecast-detail,
    .agent-canvas,.forecast-lane,.forecast-node,.agent-node,.contribution-link,
    .growth-journey-foundation,.agent-plan-engine,.agent-plan-campaign,
    .agent-plan-review,.agent-plan-memory,.pricing-decision-choice,
    .project-preview,.project-compare-open .project-preview,.forecast-dialog) {
      background:var(--glass-fallback);
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    html[data-theme] .agent-node.agent-node--planner {background:#57468f}
  }
}
@media (prefers-reduced-transparency:reduce) {
  @media screen {
    html[data-theme] :is(.context-disclosure,.story-notes,.project-card,.strategy-phase,
    .skill-group,.technology-card,.technology-route,.growth-journey-stage,
    .strategy-impact,.result-box,.learning-box,.diagram-flow li,.ab-phase,
    .training-node,.training-branch,.comparison-chart,.milestone-results>div,
    .forecast-research,.outcome-strip,.prediction-model,.prediction-outputs>div,
    .flow,.metric-row,.paper-figure,.paper-equation,.paper-result-summary>div,
    .paper-metric-key,.paper-table-scroll,.paper-ablation,.paper-evidence,
    .review-outlook-grid article,.wiki-output-grid article,.research-task,
    .research-contribution,.technology-evidence,.forecast-step-panel,.forecast-detail,
    .agent-canvas,.forecast-lane,.forecast-node,.agent-node,.contribution-link,
    .growth-journey-foundation,.agent-plan-engine,.agent-plan-campaign,
    .agent-plan-review,.agent-plan-memory,.pricing-decision-choice,
    .project-preview,.project-compare-open .project-preview,.forecast-dialog) {
      background:var(--glass-fallback);
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
    }
    html[data-theme] .agent-node.agent-node--planner {background:#57468f}
  }
}