/* Documented EMPYREAN RISES milestones. Existing route palettes stay intact. */
.chart-milestones {
  --chart-ink: #eef0e7;
  --chart-muted: #acb1a5;
  --chart-line: rgba(183,255,53,.24);
  --chart-fill: rgba(183,255,53,.035);
  position: relative;
  box-sizing: border-box;
  color: var(--chart-ink);
  scroll-margin-top: 110px;
}
.chart-milestones > h2,
.chart-milestones > h3 {
  margin: 12px 0 28px;
  color: inherit;
  font-family: inherit;
  font-size: clamp(28px,4.5vw,58px);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.045em;
}
.chart-milestones .chart-kicker,
.chart-milestones .chart-record-label {
  margin: 0 0 14px;
  font: 400 10px/1.6 var(--font-geist-mono, ui-monospace), monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--chart-muted);
}
.chart-number-ones { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.chart-milestones .chart-number-one {
  min-width: 0;
  padding: clamp(20px,2.6vw,34px);
  border: 1px solid var(--chart-line);
  background: var(--chart-fill);
  box-sizing: border-box;
}
.chart-milestones .chart-number {
  display: block;
  color: var(--chart-ink);
  font: 400 clamp(52px,6.5vw,88px)/1 var(--font-geist-sans,Arial),sans-serif;
  letter-spacing: -.075em;
  margin: 0 0 18px;
}
.chart-milestones .chart-category { display: block; color: inherit; margin: 0 0 8px; font: 500 clamp(17px,2vw,24px)/1.3 var(--font-geist-sans,Arial),sans-serif; letter-spacing: -.025em; }
.chart-milestones .chart-work { margin: 0; color: var(--chart-muted); font: 400 11px/1.6 var(--font-geist-mono,ui-monospace),monospace; }
.chart-milestones .chart-peaks-heading { margin: 32px 0 14px; color: inherit; font: 400 17px/1.4 var(--font-geist-sans,Arial),sans-serif; }
.chart-milestones .chart-peaks { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--chart-line); }
.chart-milestones .chart-peak { padding: 20px 16px 18px 0; min-width: 0; }
.chart-milestones .chart-peak strong { display: block; margin-bottom: 8px; font: 400 30px/1.1 var(--font-geist-sans,Arial),sans-serif; letter-spacing: -.05em; }
.chart-milestones .chart-peak span { color: var(--chart-muted); font: 400 11px/1.5 var(--font-geist-mono,ui-monospace),monospace; }
.chart-milestones .chart-note { max-width: 800px; margin: 18px 0 0; color: var(--chart-muted); font: 400 11px/1.7 var(--font-geist-mono,ui-monospace),monospace; }
.chart-milestones .chart-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.chart-milestones .chart-actions a,
.chart-milestones .chart-evidence > summary {
  display: inline-flex; align-items: center; gap: 24px; min-height: 44px; box-sizing: border-box; padding: 12px 16px;
  border: 1px solid var(--chart-line); background: transparent; color: inherit; text-decoration: none;
  font: 400 10px/1.5 var(--font-geist-mono,ui-monospace),monospace; letter-spacing: .06em; cursor: pointer;
}
.chart-milestones .chart-actions a:hover,
.chart-milestones .chart-evidence > summary:hover { background: rgba(183,255,53,.1); }
.chart-milestones a:focus-visible,
.chart-milestones summary:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }
.chart-milestones .chart-evidence { margin-top: 24px; }
.chart-evidence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.chart-evidence figure { margin: 0; min-width: 0; }
.chart-evidence img { display: block; max-width: 100%; width: 100%; height: auto; object-fit: contain; }
.chart-evidence figcaption { margin-top: 10px; color: var(--chart-muted); font: 400 11px/1.6 var(--font-geist-mono,ui-monospace),monospace; }
.chart-milestones.chart-compact { margin-top: 26px; }
.chart-milestones.chart-compact > h3 { font-size: clamp(18px,2vw,24px); margin-bottom: 18px; }
.chart-compact .chart-number-one { padding: 20px 24px; }
.chart-compact .chart-number { font-size: 52px; margin-bottom: 12px; }
.chart-compact .chart-category { font-size: 17px; }
.chart-compact .chart-record-label { margin-bottom: 10px; }
.signal-page .chart-milestones { --chart-ink: #11110f; --chart-muted: #56594b; --chart-line: rgba(46,66,14,.24); --chart-fill: rgba(183,255,53,.1); }
.signal-page > .chart-milestones { width: min(1160px,100%); margin: 64px auto 80px; padding-top: 40px; border-top: 1px solid var(--chart-line); z-index: 1; }
.signal-page .release-chart-link { display: inline-flex; align-items: center; gap: 20px; min-height: 44px; margin: 0 0 20px; padding: 10px 14px; border: 1px solid rgba(46,66,14,.3); background: rgba(183,255,53,.15); font: 600 10px/1.5 ui-monospace,monospace; letter-spacing: .08em; }
.orbit-page > .chart-milestones { margin: 0; padding: clamp(48px,6vw,90px) 6vw; }
.v59-release .chart-milestones { margin-top: 38px; }
@media (max-width: 640px) {
  .chart-number-ones { grid-template-columns: 1fr; gap: 12px; }
  .chart-milestones .chart-peaks { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .chart-milestones .chart-number { font-size: 60px; }
  .chart-compact .chart-number-one { padding: 18px 20px; }
  .chart-compact .chart-number { font-size: 44px; }
  .chart-evidence-grid { grid-template-columns: 1fr; }
  .chart-milestones .chart-actions a { width: 100%; justify-content: space-between; }
  .signal-page > .chart-milestones { margin: 42px auto 56px; }
}