/* Page-specific primitives; all coordinates remain in the measured manifests. */
.header-line {
  background:linear-gradient(90deg,#4266ac88,#537bd4bb,#4266ac88);
}
.vertical-rule {
  background:linear-gradient(transparent,#6576ba77,transparent);
}
.number-label,.history-date {color:#ba99ff;line-height:1.6}
.info-hit {
  background:transparent;
  border:0;
  cursor:pointer;
  border-radius:9px;
}
.info-hit:hover {background:#9c8cff0a}
.post-tag {
  display:flex;
  align-items:center;
  justify-content:center;
  color:#e6dcff;
  font-size:8px;
  letter-spacing:.5px;
  border:.65px solid #778cd3;
  border-radius:20px;
  background:#334477;
}
.roadmap-line {background:#a8bafa;opacity:.78}
.roadmap-line.dotted {background:repeating-linear-gradient(to bottom,#b9c5ff 0 2px,transparent 2px 4px)}
.history-curve {pointer-events:none;filter:drop-shadow(0 0 5px #c896ff77)}
.history-curve svg {display:block;width:100%;height:100%;overflow:visible}
.history-curve path {fill:none;stroke:#c49af8;stroke-width:1.3}
.history-dot {border-radius:50%;background:#f6dcff;box-shadow:0 0 10px #e295ff,0 0 17px #9665ff88}
body[data-page] .image-layer {overflow:hidden}
body[data-page] .image-layer:has(img[src*="story-window"]),
body[data-page] .image-layer:has(img[src*="banner"]),
body[data-page] .image-layer:has(img[src*="roadmap-background"]) {border-radius:10px}
body[data-page] .image-layer:has(img[src*="feature-art"]),
body[data-page] .image-layer:has(img[src*="post-image"]) {border-radius:7px 7px 0 0}
body[data-page] .step-card ~ .body-copy {pointer-events:none}
body[data-page] button.footer-link {background:none;border:0;text-align:left;padding:0;color:#a7b6ff;cursor:pointer}
body[data-page] .section-panel {background:linear-gradient(115deg,#101c3966,#0c163744)}
body[data-page] .art-frame {background:transparent}
body[data-page] .nav-link {letter-spacing:.3px}
body[data-page] .body-copy {letter-spacing:.2px}