/* AI-jobs myth charts — dark, flat, gold #C49732, mono uppercase labels. No gradients/glow. */
figure.ai-chart { margin: 26px 0; padding: 18px 18px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg2); }
.ai-ch-title { font-family: var(--font-serif); font-size: 15px; font-weight: 700; color: var(--text); line-height: 1.4; margin: 0 0 4px; }
.ai-ch-sub { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-dimmer); margin: 0 0 14px; }

.ai-ch-cards { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 14px; }
.ai-card { flex: 1 1 0; min-width: 96px; border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; background: var(--bg); }
.ai-card-n { font-family: var(--font-serif); font-size: 24px; font-weight: 800; color: #C49732; line-height: 1; }
.ai-card-l { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-dimmer); margin-top: 6px; }

.ai-ch-svg { width: 100%; }
.ai-ch-svg svg { width: 100%; height: auto; display: block; }
.ai-ch-svg .grid { stroke: var(--border); stroke-width: 1; }
.ai-ch-svg .axis { stroke: var(--border-light); stroke-width: 1; }
.ai-ch-svg .tick { font-family: var(--font-mono); font-size: 10px; fill: var(--text-dimmer); }
.ai-ch-svg .lbl { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; fill: var(--text-dim); }
.ai-ch-svg .lbl-strong { fill: var(--text); font-weight: 700; }
.ai-ch-svg .ln { fill: none; stroke-width: 2.5; }
.ai-ch-svg .ln.gold { stroke: #C49732; }
.ai-ch-svg .ln.dash { stroke: #6f93a8; stroke-width: 1.6; stroke-dasharray: 5 4; }
.ai-ch-svg .ln.rust { stroke: #b5642f; }
.ai-ch-svg .ln.olive { stroke: #7e9b5e; }
.ai-ch-svg .dot { fill: #C49732; }
.ai-ch-svg .dot.rust { fill: #b5642f; }
.ai-ch-svg .dot.olive { fill: #7e9b5e; }
.ai-ch-svg .bar { fill: #C49732; }
.ai-ch-svg .bar.rust { fill: #b5642f; }
.ai-ch-svg .bar.other { fill: #5b6470; }
.ai-ch-svg .bar.neg { fill: #b5642f; }
.ai-ch-svg .bar.flat { fill: #3a4250; }
.ai-ch-svg .band { fill: #C49732; opacity: 0.08; }
.ai-ch-svg .mk { stroke: var(--text-dimmer); stroke-width: 1; stroke-dasharray: 3 3; }
.ai-ch-svg .anno { font-family: var(--font-mono); font-size: 10px; fill: #d98b5a; }

.ai-ch-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 10px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dim); }
.ai-ch-legend span { display: inline-flex; align-items: center; gap: 6px; }
.ai-ch-legend i { width: 14px; height: 3px; border-radius: 2px; display: inline-block; }
.ai-ch-note { font-family: var(--font-mono); font-size: 10px; color: var(--text-dim); margin-top: 10px; letter-spacing: 0.02em; }
.ai-ch-source { font-family: var(--font-mono); font-size: 9.5px; color: var(--text-dimmer); margin-top: 8px; letter-spacing: 0.02em; }

@media (max-width: 560px) {
  .ai-card-n { font-size: 20px; }
}