:root {
  --number-arithmetic: #7d623b;
  --measurement: #9a7048;
  --geometry: #3f7181;
  --algebra: #5f608e;
  --analysis-change: #3f775f;
  --probability: #9a5f59;
  --structure-abstraction: #67507b;
  --logic-foundations: #425d68;
}

.timeline-stage {
  background:
    linear-gradient(30deg, transparent 49.6%, rgba(65, 111, 114, .045) 50%, transparent 50.4%) 0 0 / 96px 96px,
    linear-gradient(150deg, transparent 49.6%, rgba(65, 111, 114, .035) 50%, transparent 50.4%) 0 0 / 96px 96px,
    radial-gradient(circle at 78% 42%, rgba(95, 96, 142, .07), transparent 30%),
    var(--paper);
}

.timeline-event,
.timeline-connector { --domain: var(--number-arithmetic); }
.timeline-event[data-domain="number-arithmetic"], .timeline-connector[data-domain="number-arithmetic"] { --domain: var(--number-arithmetic); }
.timeline-event[data-domain="measurement"], .timeline-connector[data-domain="measurement"] { --domain: var(--measurement); }
.timeline-event[data-domain="geometry"], .timeline-connector[data-domain="geometry"] { --domain: var(--geometry); }
.timeline-event[data-domain="algebra"], .timeline-connector[data-domain="algebra"] { --domain: var(--algebra); }
.timeline-event[data-domain="analysis-change"], .timeline-connector[data-domain="analysis-change"] { --domain: var(--analysis-change); }
.timeline-event[data-domain="probability"], .timeline-connector[data-domain="probability"] { --domain: var(--probability); }
.timeline-event[data-domain="structure-abstraction"], .timeline-connector[data-domain="structure-abstraction"] { --domain: var(--structure-abstraction); }
.timeline-event[data-domain="logic-foundations"], .timeline-connector[data-domain="logic-foundations"] { --domain: var(--logic-foundations); }

.domain-dot.number-arithmetic { color: var(--number-arithmetic); }
.domain-dot.measurement { color: var(--measurement); }
.domain-dot.geometry { color: var(--geometry); }
.domain-dot.algebra { color: var(--algebra); }
.domain-dot.analysis-change { color: var(--analysis-change); }
.domain-dot.probability { color: var(--probability); }
.domain-dot.structure-abstraction { color: var(--structure-abstraction); }
.domain-dot.logic-foundations { color: var(--logic-foundations); }

.identity-copy h1 em,
.identity-copy .eyebrow,
.einstein-mode-button[aria-pressed="true"] { color: #315f62; }

.einstein-mode-button[aria-pressed="true"] {
  border-color: rgba(65, 111, 114, .55);
  background: rgba(65, 111, 114, .12);
}

.einstein-monogram { background: #416f72; color: #fffdf8; }

@media (max-height: 500px) {
  .domain-filters { max-width: min(100%, 1040px); }
  .filter-chip { padding-inline: 6px; }
}