/* A static light path: no canvas, timers or extra raster covers. */
.photon-history { color: #eff4fd; background: #13111b; }
.journey-heading { display: grid; grid-template-columns: 1fr .6fr; align-items: end; gap: 64px; }
.journey-heading h2 { font-size: clamp(28px,3.5vw,44px); line-height: 1.4; margin: 0; }
.journey-heading > p { font-size: 15px; line-height: 1.9; color: #b8b3c3; max-width: 30em; margin: 0 0 6px; }
.lightline { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); list-style: none; padding: 0; margin: 28px 0 48px; }
.lightline li { min-width: 0; position: relative; padding-right: 28px; }
.era { display: flex; align-items: center; height: 42px; font-size: 30px; letter-spacing: -.025em; color: #dea46f; }
.era-word { font-size: 13px; letter-spacing: .1em; }
.light-node { position: relative; display: block; height: 2px; margin: 20px -28px 24px 0; background: linear-gradient(90deg,#aa1bc0,#dea46f); }
.light-node::before { content: ''; position: absolute; top: -4px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #dea46f; outline: 5px solid #13111b; }
.era-now .light-node { background: linear-gradient(90deg,#dea46f,transparent); }
.era-now .light-node::before { background: #d56be4; }
.lightline h3 { font-size: 18px; font-weight: 550; margin: 0 0 12px; }
.lightline p { font-size: 13px; color: #b8b3c3; line-height: 1.9; margin: 0 0 16px; }
.history-source,.era-caption { font-size: 11px; color: #c5b1cd; }
.history-source { text-decoration: underline; text-underline-offset: 4px; }
.journey-topics { border-top: 1px solid #443a4e; }
.journey-topic { border-bottom: 1px solid #443a4e; }
.journey-topic summary { display: grid; grid-template-columns: 110px 1fr 24px; gap: 24px; align-items: center; padding: 28px 0; cursor: pointer; list-style: none; }
.journey-topic summary::-webkit-details-marker { display: none; }
.topic-number { font-size: 12px; color: #dea46f; letter-spacing: .08em; }
.journey-topic strong { display: block; font-size: 21px; font-weight: 550; line-height: 1.6; }
.journey-topic small { display: block; font-size: 12px; color: #b8b3c3; margin-top: 6px; }
.topic-plus { color: #dea46f; font-size: 24px; }
.journey-topic[open] .topic-plus { transform: rotate(45deg); }
.topic-body { margin-left: 134px; max-width: 680px; padding-bottom: 28px; font-size: 15px; line-height: 1.9; color: #c8c3d0; }
.topic-body p { margin-top: 0; }
.topic-body a { color: #dea46f; text-decoration: underline; text-underline-offset: 5px; }
html[data-theme="light"] .photon-history { background: #f2edf5; color: #1e252d; }
html[data-theme="light"] .light-node::before { outline-color: #f2edf5; }
html[data-theme="light"] .journey-heading > p,html[data-theme="light"] .lightline p,html[data-theme="light"] .journey-topic small,html[data-theme="light"] .topic-body { color: #59606d; }
html[data-theme="light"] .era,html[data-theme="light"] .topic-number,html[data-theme="light"] .history-source,html[data-theme="light"] .era-caption,html[data-theme="light"] .topic-plus,html[data-theme="light"] .topic-body a { color: #751487; }
html[data-theme="light"] .journey-topics,html[data-theme="light"] .journey-topic { border-color: #d7cadd; }
@media(max-width:700px) {
 .journey-heading { grid-template-columns: 1fr; gap: 20px; }
 .lightline { grid-template-columns: 1fr; margin-block: 36px; }
 .lightline li { padding: 0 0 32px 30px; border-left: 2px solid #aa1bc0; }
 .lightline li:last-child { padding-bottom: 0; border-color: transparent; }
 .light-node { position: absolute; top: 17px; left: -2px; margin: 0; width: 0; height: 0; }
 .light-node::before { left: -4px; }
 .era { font-size: 25px; margin-bottom: 8px; }
 .era-word { font-size: 12px; }
 .lightline p { max-width: 32em; }
 .journey-topic summary { grid-template-columns: 1fr 24px; gap: 8px; padding: 22px 0; }
 .topic-number { grid-column: 1/-1; }
 .journey-topic strong { font-size: 18px; }
 .topic-body { margin-left: 0; }
}