/* VRT/0 dimensional net-art theme. Archive content and interactions remain semantic HTML. */
@font-face {
  font-family:"Rubik Glitch"; font-style:normal; font-weight:400; font-display:swap;
  src:url("assets/fonts/RubikGlitch-Regular.ttf") format("truetype");
}
:root {
  --paper:#110d36; --ink:#f4efff; --light:#fff8ec; --muted:#cbc5eb;
  --line:#d0c7ff66; --accent:#daff85; --page:min(1180px,calc(100% - 80px));
  --display:"Rubik Glitch","IBM Plex Mono",monospace;
  --glass:#100d304f; --glass-reading:#0b0b285e;
}
html { background:#110d36; scroll-padding-top:145px; }
body { background:transparent; }
.skip-link { z-index:40; }
::selection { background:#d8ff81; color:#171133; }
.site-backdrop { background:radial-gradient(ellipse at 35% 30%,#263a60,#10172b 65%,#111226); }
.matter { opacity:0; background-position:center; background-size:cover; animation:dimension-drift 34s ease-in-out infinite alternate; transition:opacity 1300ms ease; transform-origin:45% 50%; filter:saturate(.78) contrast(.92) blur(.45px); }
.matter.is-active { opacity:.54; }
.site-backdrop[data-fixed-scene] .matter { animation:none; transform:scale(1.02); filter:saturate(.78) contrast(.88); }
.site-backdrop[data-fixed-scene] .matter.is-active { opacity:.36; }
.scene-threshold { background-image:url("assets/world/threshold-v2.webp"); }
.scene-prism { background-image:url("assets/world/prism-v1.webp"); animation-direction:alternate-reverse; }
.sky-veil { background:linear-gradient(180deg,#0b042714,transparent 34%,#0a06262b 100%); }
.field { opacity:.16; }
.site-header { position:fixed; z-index:20; inset:0 0 auto; padding:13px 30px; height:64px; color:#ede9ff; border-bottom:1px solid #cec4ff36; background:#130d3766; backdrop-filter:blur(12px); }
.site-header::after { content:""; position:absolute; top:100%; left:0; right:0; height:76px; background:linear-gradient(#130d3766,#130d3733 58%,#130d3700); pointer-events:none; z-index:-1; }
.brand { gap:18px; }
.brand>span:first-child { font-family:var(--display); font-size:28px; letter-spacing:-.04em; }
.brand-note { font-size:11px; letter-spacing:.05em; opacity:.72; }
.site-header nav { gap:25px; }
.site-header button { min-width:159px; justify-content:center; border:1px solid #cec4ff4d; padding:0 12px; min-height:34px; background:#b3a1ff12; }
.room-nav { position:fixed; z-index:20; top:78px; left:50%; transform:translateX(-50%); display:flex; width:max-content; max-width:calc(100% - 40px); padding:4px; gap:3px; background:#130d3766; border:1px solid #e2d8ff5c; backdrop-filter:blur(14px); }
.room-nav a { padding:9px 16px; min-height:40px; display:flex; align-items:center; gap:10px; font:400 12px/1.4 var(--mono); color:#f1ebff; text-decoration:none; border:1px solid transparent; white-space:nowrap; }
.room-nav a span { color:#c2b9dc; font-size:10px; }
.room-nav a:hover { border-color:#6a538678; }
.room-nav a[aria-current] { background:#d6e9ff15; color:#f1edff; border-color:#d6e9ff4d; }
.room-nav a[aria-current] span { color:#d4ff8b; }
.chamber { min-height:850px; height:100svh; max-height:1200px; padding-top:130px; }
.chamber-shade { background:linear-gradient(0deg,#10082959,transparent 25%); }
.world-label { position:absolute; top:145px; left:4%; display:flex; align-items:center; gap:24px; margin:0; font:400 48px/.95 var(--display); color:#f7f2df; text-shadow:0 2px 16px #120943; }
.world-label span { font:400 11px/1.6 var(--mono); letter-spacing:.04em; }
.date-observation { top:27%; right:5%; width:36%; max-width:470px; padding:28px; background:var(--glass); border:1px solid #e4d8ff4a; backdrop-filter:blur(10px); text-shadow:0 1px 8px #08051db3; }
.date-observation::before,.date-observation::after { content:""; position:absolute; width:8px; height:8px; border:1px solid #f9f1ff; background:#c5d395; top:-5px; }
.date-observation::before { left:-5px; }
.date-observation::after { right:-5px; }
.date-observation .eyebrow { font-size:10px; letter-spacing:.04em; margin-bottom:25px; color:#d6d0f5; }
h1 { font:400 clamp(36px,4vw,58px)/1.14 var(--display); letter-spacing:-.035em; text-wrap:balance; max-width:12ch; }
h1,.section-intro h2,.trace-title,.pattern-column h2,.method h2 { word-spacing:.14em; }
.date-year { font:400 13px/1.6 var(--mono); letter-spacing:.18em; margin-top:14px; color:var(--accent); }
.observation-line { font-size:16px; line-height:1.65; margin-top:24px; }
.slice-pattern { color:#d9d2fa; font-size:12px; margin-top:24px; }
.slice-pattern::before { content:"◇ "; color:#d8ff85; }
.read-link { margin-top:24px; max-width:none; padding:0 15px; border:1px solid #e9ecb278; color:#e7ffc2; background:#a4ce7814; }
.read-link:hover { background:#a4ce7830; }
.release-meta { font-size:10px; gap:22px; margin-top:18px; }
.planet-toggle { font-size:11px; min-height:36px; margin-top:12px; }
.spatial-field { top:23%; left:0; width:59%; height:61%; z-index:-1; }
.entity-stage { position:absolute; inset:-8% 9% 13%; perspective:900px; pointer-events:none; transition:opacity 350ms ease; }
.entity-float { position:absolute; inset:-2% 4% 0; animation:witness-float 9s ease-in-out infinite; transform-origin:center 70%; }
.archive-entity { width:100%; height:100%; display:block; object-fit:contain; filter:drop-shadow(0 16px 24px #15144999); }
.entity-orbit { position:absolute; width:90%; aspect-ratio:1; top:8%; left:5%; border:1px solid #dcdbffb0; border-radius:50%; box-shadow:inset 0 0 0 6px #e4deff0c,0 0 20px #bee8ff26; animation:orbit-turn 28s linear infinite; }
.entity-orbit::before { content:""; position:absolute; top:10%; left:19%; width:7px; height:7px; border-radius:50%; background:#ecffe0; box-shadow:0 0 14px #d4ffbe; }
.orbit-inner { display:none; }
.entity-base { position:absolute; width:52%; height:11%; bottom:1%; left:24%; border-radius:50%; border:1px solid #c2bdff80; background:radial-gradient(ellipse,#d7cdfa50,transparent 62%); }
.spatial-field:has(.planet-map:not([hidden])) .entity-stage { opacity:.08; }
.event-map { z-index:1; }
.date-core { display:none; }
.event-constellation { inset:auto 5% 0 8%; display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.event-node { position:relative; inset:auto; min-width:69px; min-height:52px; padding:8px 11px; background:#130e384d; border-color:#cec9fc59; backdrop-filter:blur(8px); }
.event-node::before { display:none; }
.node-year { font-size:17px; }
.node-label { font-size:9px; color:#c4b6e5; }
.field-note { bottom:-30px; left:0; width:100%; text-align:center; font-size:10px; color:#e5d8f7; }
.chamber-footer { left:4%; right:4%; padding:19px 0 25px; border-color:#d4cafc80; }
.date-list { max-width:60vw; }
.rail-heading { font-size:10px; color:#e2d6fa; }
.date-button { background:#140c3766; border:1px solid #d8d0ee2b; }
.date-button[aria-current="date"] { background:#dce9b4; color:#22143e; border-color:#f5ffdf; box-shadow:2px 2px #0b0823; }
.system-state { color:#e2d6fa; font-size:10px; }
.record-room { border:0; width:var(--page); padding:110px 0 60px; background:none; }
.section-intro { max-width:800px; margin:0 0 50px; padding:24px 0; color:#fffaf4; background:none; border:0; text-shadow:0 2px 12px #070923,0 1px 3px #070923; }
.section-intro .eyebrow { margin:0 0 19px; font-size:11px; color:#d9efb4; }
.section-intro h2 { font:400 clamp(34px,4vw,56px)/1.15 var(--display); letter-spacing:-.025em; margin:0 0 20px; }
.section-intro p:last-child { margin:0; font-size:15px; color:#e4d9fa; }
.room-heading { padding:14px 0; color:#f5f0ff; background:none; border:0; border-bottom:1px solid #e5d9ff66; text-shadow:0 1px 8px #080626; }
.room-heading span,.room-heading a { color:inherit; font:400 11px/1.6 var(--mono); }
.release-stage { display:block; list-style:none; margin:0; padding:0 0 90px; }
.event-record { display:grid; grid-template-columns:155px minmax(0,1fr); gap:40px; padding:40px 28px 40px 0; border-bottom:1px solid #ddd5ff52; background:linear-gradient(90deg,#13133308,#080a255e 20%,#080a256b 70%,#13133308); backdrop-filter:blur(7px); color:#f7f5ff; }
.trace-coordinate { display:grid; grid-template-columns:28px 1fr; align-content:start; gap:5px 13px; padding-top:3px; }
.trace-sigil { grid-row:span 2; font:400 37px/1 var(--mono); color:#cce8fd; text-align:center; }
.trace-sigil { transition:transform 800ms cubic-bezier(.2,.6,.2,1),color 400ms ease; }
.event-record:hover .trace-sigil,.event-record:focus-within .trace-sigil { transform:rotate(90deg); color:#dcffb8; }
.trace-index { font:400 10px/1.6 var(--mono); color:#e1d4f7; letter-spacing:.06em; }
.trace-year { font:400 31px/1.2 var(--display); letter-spacing:-.035em; }
.trace-text { max-width:750px; min-width:0; text-shadow:0 1px 5px #030418; }
.trace-title { margin:0 0 16px; font:400 clamp(24px,2.6vw,35px)/1.22 var(--display); letter-spacing:-.025em; text-wrap:balance; }
.trace-description { margin:0; max-width:62ch; font-size:18px; line-height:1.8; color:#f1ecff; }
.trace-source { display:inline-flex; align-items:center; min-height:44px; margin-top:13px; color:#d9f8cb; font:400 11px/1.6 var(--mono); }
.trace-source:visited { color:#ded0ff; }
.trace-source,.year-reference { text-decoration:none; background-image:linear-gradient(#d9f8cb,#d9f8cb); background-size:100% 1px; background-position:left bottom; background-repeat:no-repeat; transition:color 220ms ease,background-size 350ms ease; }
.trace-source:hover,.year-reference:hover { color:#fff; background-size:100% 3px; }
.year-reference { color:#dcffb8; text-shadow:0 0 12px #c4dcff44; }
.year-reference:focus-visible { outline:1px solid #dcffb8; outline-offset:4px; }
.release-reading { position:relative; border-top:1px solid #d9dbf799; padding:90px 0 130px; gap:7%; grid-template-columns:1fr 1.6fr; scroll-margin-top:140px; }
.pattern-column { padding:26px 0; align-self:start; background:none; border:0; text-shadow:0 1px 12px #0c082a; }
.pattern-column .eyebrow { color:#d6f59e; font-size:11px; }
.pattern-column h2 { font:400 clamp(28px,3.1vw,42px)/1.23 var(--display); letter-spacing:-.025em; }
.reading-note { color:#d8ccea; }
.interpretation { padding:32px; background:var(--glass-reading); border:0; border-top:1px solid #e8e5ff66; backdrop-filter:blur(12px); color:#f7f1ff; font-size:18px; line-height:1.85; max-width:none; text-shadow:0 1px 6px #060724; }
.interpretation p:first-child::first-letter { float:none; font:inherit; margin:0; color:inherit; }
.reading-aperture { display:none; }
.reading-aperture span { display:block; width:100%; height:100%; border:1px solid #e9e4ff; box-shadow:0 0 0 10px #a687ce19,inset 0 0 0 24px #151139; background:radial-gradient(circle,#04041a 29%,#9ca0da 30%,#7a66a2 32%,#04051a 34%); border-radius:50%; animation:aperture-fold 16s ease-in-out infinite alternate; }
.event-ledger { padding:75px 0 0; scroll-margin-top:130px; }
.event-ledger .section-intro { margin-bottom:28px; }
.event-entry { background:#120d324a; border:0; border-bottom:1px solid #c8b9e36b; margin-bottom:0; padding:0 20px; backdrop-filter:blur(10px); }
.event-summary { gap:18px; grid-template-columns:25px 60px 1fr 22px; min-height:86px; }
.event-name { font-size:18px; }
.event-number { color:#a795d0; }
.event-year { color:#d9efb4; }
.event-detail { padding:0 0 28px 122px; gap:35px; }
.event-sources a { color:#d7eabc; }
.event-sources a:visited { color:#d7b5ed; }
.release-controls { padding:25px 0; margin-top:35px; background:none; border:0; border-top:1px solid #b7a4de70; text-shadow:0 1px 8px #06061e; }
.method { margin:40px auto 80px; border:0; border-top:1px solid #ebe0ff66; background:var(--glass); padding:36px; backdrop-filter:blur(10px); }
.method h2 { font:400 34px/1.25 var(--display); max-width:28ch; }
.method .eyebrow { color:#d9efb4; font-size:11px; }
.site-footer { background:#130d3766; border-top:1px solid #dac8f959; backdrop-filter:blur(10px); }
.planet-map { z-index:3; background:radial-gradient(ellipse,#090521e8 25%,#10082cda 58%,transparent 78%); inset:-9% 0 -3%; }
.planet-map figcaption { background:#100628e8; border:1px solid #c9bfec50; }
.planet-orbit { stroke:#e8dffc; opacity:.3; }
.planet-label { fill:#f5efff; stroke:#160927; }
.planet-method summary { color:#e0edc2; }
#archive-view,#records,#reading,#sources,#method,.event-entry,.planet-method { scroll-margin-top:0; }
.is-paused .matter,.world-motion-paused .entity-float,.world-motion-paused .entity-orbit,.world-motion-paused .reading-aperture span { animation-play-state:paused; }
.world-motion-paused .matter { transition:none; }
.world-motion-paused .trace-sigil,.world-motion-paused .trace-source,.world-motion-paused .year-reference { transition:none; }
.world-motion-paused .event-record .trace-sigil { transform:none; }
.trace-actions { display:flex; flex-wrap:wrap; gap:5px 22px; align-items:center; }
.trace-compare { margin-top:13px; min-height:44px; padding:0; color:#cfdcf9; font:400 11px/1.6 var(--mono); background:none; border:0; border-bottom:1px solid #cfdcf966; }
.planet-comparison { scroll-margin-top:145px; border-block:1px solid #dbd5f866; background:#0c102d42; backdrop-filter:blur(12px); }
.planet-comparison>summary { padding:26px 22px; cursor:pointer; font:400 18px/1.6 var(--mono); }
.planet-comparison>summary>span:first-child { display:block; color:#d6efbc; font-size:11px; margin-bottom:10px; }
.comparison-body { padding:0 28px 28px; }
.comparison-body>h2 { margin:12px 0 22px; font:400 clamp(25px,3vw,39px)/1.3 var(--display); word-spacing:.14em; }
.comparison-body>p { max-width:75ch; }
#comparison-form { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:28px 0; }
#comparison-form label { min-width:0; display:grid; gap:8px; font:400 12px/1.6 var(--mono); }
#comparison-form select { width:100%; max-width:100%; color:#f3edff; background:#161830c7; border:1px solid #ddd1f66b; padding:12px; min-height:48px; font:400 15px var(--sans); }
#comparison-form button { grid-column:1/-1; justify-self:start; min-height:46px; padding:10px 18px; background:#a2cd7420; border:1px solid #cddfa673; color:#e4ffc7; font:400 13px var(--mono); }
.comparison-status { color:#e6dfb5; }
.comparison-status:empty { display:none; }
.comparison-legend { display:grid; gap:10px; margin:28px 0 18px; font:400 13px/1.6 var(--mono); }
.comparison-legend span:first-child { color:#d4ffae; }
.comparison-legend span:last-child { color:#e6c5ff; }
.comparison-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:center; }
.comparison-figure { min-width:0; margin:0; }
.comparison-figure svg { display:block; width:100%; height:auto; overflow:visible; }
.comparison-figure figcaption { font:400 11px/1.7 var(--mono); color:#d4cce8; }
.comparison-values { min-width:0; }
.comparison-values>p { font-size:16px; line-height:1.7; }
.comparison-table-wrap { overflow-x:auto; }
.comparison-table-wrap table { border-collapse:collapse; width:100%; font:400 12px/1.6 var(--mono); font-variant-numeric:tabular-nums; }
.comparison-table-wrap caption { text-align:left; font-size:11px; margin:15px 0; color:#c7d2ee; }
.comparison-table-wrap th,.comparison-table-wrap td { padding:10px 7px; border-bottom:1px solid #cac4e536; text-align:right; white-space:nowrap; }
.comparison-table-wrap th:first-child { text-align:left; }
.comparison-table-wrap td:nth-child(2) { color:#d4ffae; }
.comparison-table-wrap td:nth-child(3) { color:#e6c5ff; }
.comparison-event-links { display:flex; flex-wrap:wrap; gap:20px; margin:24px 0; }
.comparison-event-links a { font:400 12px/1.6 var(--mono); min-height:44px; display:inline-flex; align-items:center; color:#d4e6f9; }
.comparison-method { margin-top:24px; font-size:15px; }
.comparison-method summary { min-height:44px; cursor:pointer; color:#d8eac4; }
.comparison-method p { max-width:80ch; }
@media(max-width:800px) { .comparison-layout { grid-template-columns:1fr; } .comparison-figure { max-width:450px; margin:auto; } }
@media(max-width:640px) {
  .planet-comparison { scroll-margin-top:132px; }
  .planet-comparison>summary { padding:23px 16px; font-size:15px; }
  .comparison-body { padding:0 16px 24px; }
  #comparison-form { grid-template-columns:1fr; gap:15px; }
  #comparison-form select { font-size:16px; }
  .comparison-table-wrap table { font-size:10px; }
  .comparison-table-wrap th,.comparison-table-wrap td { padding:9px 3px; }
}
@keyframes dimension-drift { from { transform:scale(1.07) translate3d(-.7%,.3%,0); } to { transform:scale(1.12) translate3d(.7%,-.6%,0); } }
@keyframes witness-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-15px) rotate(1deg); } }
@keyframes orbit-turn { from { transform:rotateX(64deg) rotateY(-16deg) rotateZ(0deg); } to { transform:rotateX(64deg) rotateY(-16deg) rotateZ(360deg); } }
@keyframes aperture-fold { from { transform:rotateY(-28deg) rotateX(12deg) rotateZ(-25deg); } to { transform:rotateY(28deg) rotateX(-12deg) rotateZ(25deg); } }
@media(max-width:1000px) {
  :root { --page:calc(100% - 48px); }
  .date-observation { right:4%; width:40%; padding:23px; top:27%; }
  h1 { font-size:44px; }
  .spatial-field { width:56%; top:27%; height:54%; }
  .entity-stage { inset:-7% 2% 18%; }
  .world-label { font-size:42px; top:158px; }
  .event-record { grid-template-columns:130px minmax(0,1fr); gap:24px; }
  .release-reading { grid-template-columns:1fr 1.5fr; gap:24px; }
  .interpretation { padding:25px; font-size:17px; }
  .event-detail { padding-left:0; }
}
@media(max-width:640px) {
  :root { --page:calc(100% - 28px); }
  html { scroll-padding-top:132px; }
  .site-header { height:58px; padding:8px 15px; align-items:center; }
  .brand>span:first-child { font-size:25px; }
  .site-header nav { gap:0; max-width:none; font-size:10px; }
  .site-header nav>a { display:none; }
  .site-header button { font-size:10px; min-width:148px; min-height:36px; }
  .room-nav { top:66px; max-width:calc(100% - 20px); width:calc(100% - 20px); padding:3px; gap:1px; }
  .room-nav a { justify-content:center; gap:5px; flex:1; padding:8px 4px; font-size:10px; min-height:42px; }
  .room-nav a span { font-size:8px; }
  .chamber { min-height:1130px; height:auto; display:flex; padding:145px 0 0; }
  .world-label { position:relative; inset:auto; margin:0 24px; font-size:36px; gap:20px; }
  .world-label span { font-size:9px; }
  .date-observation { position:relative; inset:auto; order:2; margin:15px 20px 0; width:auto; max-width:none; padding:22px; }
  .date-observation .eyebrow { margin-bottom:16px; font-size:9px; }
  h1 { font-size:39px; max-width:none; }
  .date-year { display:block; margin:10px 0 0; font-size:12px; }
  .observation-line { font-size:15px; margin-top:16px; }
  .slice-pattern { font-size:11px; margin-top:17px; }
  .read-link { min-height:46px; margin-top:18px; font-size:12px; }
  .release-meta { font-size:10px; }
  .spatial-field { position:relative; inset:auto; order:1; width:100%; height:410px; flex:0 0 410px; margin-top:22px; z-index:0; }
  .entity-stage { inset:0 12% 55px; }
  .entity-float { inset:-4% 7% -1%; }
  .event-constellation { inset:auto 12px 0; gap:5px; }
  .event-node { min-width:57px; min-height:43px; padding:6px 8px; }
  .node-year { font-size:14px; }
  .node-label { font-size:8px; }
  .field-note { display:none; }
  .chamber-footer { order:3; margin:28px 20px 0; padding:18px 0 24px; inset:auto; }
  .date-list { max-width:calc(100vw - 40px); }
  .date-button { min-width:48px; min-height:44px; font-size:11px; }
  .record-room { padding:80px 0 20px; width:var(--page); }
  .section-intro { margin-bottom:28px; padding:25px 4px; }
  .section-intro h2 { font-size:37px; }
  .section-intro p:last-child { font-size:14px; }
  .room-heading { padding:12px 4px; gap:15px; }
  .room-heading span,.room-heading a { font-size:10px; }
  .release-stage { display:block; overflow:visible; padding:0 0 65px; }
  .event-record { grid-template-columns:1fr; gap:19px; padding:28px 13px; }
  .trace-coordinate { display:flex; align-items:center; gap:12px; padding:0; }
  .trace-sigil { font-size:27px; }
  .trace-year { margin-left:auto; font-size:28px; }
  .trace-title { font-size:25px; }
  .trace-description { font-size:17px; line-height:1.75; }
  .release-reading { grid-template-columns:1fr; padding:60px 0; gap:20px; scroll-margin-top:125px; }
  .pattern-column { position:relative; padding:24px 4px; overflow:hidden; }
  .pattern-column h2 { max-width:15ch; font-size:33px; position:relative; z-index:1; }
  .reading-note { font-size:11px; }
  .reading-aperture { position:absolute; right:-25px; bottom:-15px; width:120px; height:120px; margin:0; opacity:.25; }
  .interpretation { padding:24px 18px; font-size:17px; line-height:1.75; }
  .event-ledger { padding-top:45px; }
  .event-entry { padding:0 18px; }
  .event-summary { grid-template-columns:43px 1fr 14px; gap:10px; }
  .event-name { font-size:16px; }
  .event-detail { padding:0 0 24px; gap:20px; }
  .event-description { font-size:16px; }
  .release-controls { padding:18px 12px; gap:10px; font-size:10px; }
  .method { width:var(--page); margin:24px auto 45px; padding:26px 22px; }
  .method h2 { font-size:30px; }
  .method>p:not(.eyebrow) { font-size:16px; }
  .site-footer { padding:20px; font-size:10px; }
  .planet-map { inset:-8% 0 0; }
}
.date-number-link { display:inline-block; margin:14px 0 0 18px; font-size:13px; text-underline-offset:5px; }
.date-number { display:grid; grid-template-columns:minmax(180px, .65fr) minmax(0, 1.35fr); gap:clamp(24px,5vw,80px); padding:50px 0; margin:20px 0 50px; border-block:1px solid #b2b6ff38; scroll-margin-top:110px; }
.number-coordinate h2 { font-size:clamp(28px,3vw,42px); }
.number-value { font-family:"Rubik Glitch",monospace; font-size:clamp(70px,10vw,140px); line-height:1.2; color:#d5d7ff; margin:20px 0 8px; letter-spacing:-.06em; }
.number-coordinate>p:last-child { font-size:14px; color:#bbc5e2; }
.number-reading { padding:24px; background:rgba(6,12,39,.48); border:1px solid #b2b6ff25; line-height:1.8; font-size:18px; }
.number-formula { font-family:monospace; color:#d7e8ff; overflow-wrap:anywhere; }
.number-parts { font-size:13px; color:#bac6e2; }
.number-reading .number-disclaimer,.number-reading details { font-size:13px; color:#c1c8e1; }
.number-reading details { margin-top:20px; }
.number-reading summary { cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:700px) {
  .date-number { grid-template-columns:1fr; gap:14px; }
  .number-reading { padding:20px 16px; font-size:17px; }
  .date-number-link { margin-left:0; margin-right:18px; }
}
@media(prefers-reduced-motion:reduce) {
  .matter,.entity-float,.entity-orbit,.reading-aperture span { animation:none; transition:none; }
  .trace-sigil,.trace-source,.year-reference { transition:none; }
  .event-record:hover .trace-sigil,.event-record:focus-within .trace-sigil { transform:none; }
}