/* /changes, the ledger (Holo 2, F6). Tokens and the shared components (.panel, .instrument, .hud, .chip, .chip-tone,
   .provenance, .kicker, .coin-logo) come from site.css; this file styles only the page's own parts. */

/* ---- page head: the intro beside the week instrument */
.ch-head{align-items:stretch}
.ch-intro{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}
.ch-intro .provenance{margin-top:14px}
.ch-week{flex:0 1 360px;min-width:min(100%,280px)}

/* the week: one bar per UTC day, its height the day's count against the busiest day (--h, 0..1), today's label lit */
.ch-bars{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}
.ch-bars li{min-width:0}
.ch-bars a,.ch-bar-none{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:92px;border-radius:2px;color:var(--muted);text-decoration:none}
.ch-bars a:hover{text-decoration:none}
.ch-bars b{font:600 10.5px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--text-2)}
.ch-bars i{display:block;width:min(100%,26px);height:calc(var(--h,0) * 52px + 2px);border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--cyan),rgba(110,243,255,.16));box-shadow:0 0 14px -5px var(--cyan-glow)}
.ch-bar-none b{color:var(--faint)}
.ch-bar-none i{height:2px;background:var(--line-3);box-shadow:none}
.ch-bars span{font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.ch-bars li:last-child span{color:var(--cyan)}
.ch-bars a:hover i,.ch-bars a:focus-visible i{background:linear-gradient(180deg,#fff,var(--cyan))}
.ch-bars a:hover span,.ch-bars a:focus-visible span{color:var(--text)}

/* ---- the kinds: plain links, each with its count */
.ch-kinds{align-items:center;margin:6px 0 22px}
.ch-kinds .chip b{margin-left:6px;font-weight:700;color:var(--text)}
.ch-kinds .chip.on b{color:inherit}
.ch-kinds .chip.ch-none:not(.on) b{font-weight:500;color:var(--muted)}
.ch-rss{margin-left:auto;padding:7px 2px;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}

/* ---- one light-edge panel per day; its date sticks under the sticky site header while the day scrolls by (--ch-top is the
   header's height: 65px, 91px on phones where the search takes its own row; the page's inline script measures it) */
.ch-day{margin:0 0 18px;padding:0;scroll-margin-top:calc(var(--ch-top,65px) + 14px)}
.ch-day:target .ch-date{box-shadow:inset 2px 0 0 var(--cyan),0 10px 18px -14px rgba(0,0,0,.9)}
.ch-date{position:sticky;top:var(--ch-top,65px);z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;padding:12px 18px;font:500 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lavender-text);background:var(--panel);border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;box-shadow:0 10px 18px -14px rgba(0,0,0,.9)}
.ch-date time{color:var(--text)}
.ch-rel{padding:2px 7px;border:1px solid var(--cyan-line);border-radius:2px;background:var(--cyan-soft);color:var(--cyan)}
.ch-count{margin-left:auto;color:var(--faint);letter-spacing:.1em}

/* ---- the rows: time (mono), kind chip, the sentence, the link; a holo band slides across on hover as on the tables */
.ch-rows{list-style:none;margin:0;padding:0}
.ch-row{display:grid;grid-template-columns:48px 98px minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:11px 18px;border-top:1px solid var(--line);background:linear-gradient(110deg,transparent 33%,rgba(110,243,255,.07) 43%,rgba(201,184,255,.05) 50%,rgba(255,107,241,.07) 57%,transparent 67%) 100% 0/300% 100% no-repeat}
.ch-row:first-child{border-top:0}
.ch-row:last-child{border-radius:0 0 var(--r) var(--r)}
.ch-row:hover,.ch-row:focus-within{background-position:0 0;background-color:rgba(201,184,255,.04);box-shadow:inset 2px 0 0 var(--cyan)}
@media (prefers-reduced-motion:no-preference){html:not(.calm) .ch-row{transition:background-position var(--t-med) var(--ease),background-color var(--t-fast)}}
.ch-time{font:500 12.5px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap}
.ch-time-day{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
/* record and mover chips are .chip-tone (spectral, --m = the move's size); the other kinds carry their own light */
.ch-kind{justify-self:start;display:inline-flex;align-items:center;padding:3px 8px;border-radius:2px;border-width:1px;border-style:solid;font:600 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.ch-kind-new{color:var(--cyan);border-color:var(--cyan-line);background:var(--cyan-soft)}
.ch-kind-exchange{color:var(--magenta);border-color:rgba(255,107,241,.42);background:var(--magenta-soft)}
.ch-kind-correction{color:var(--lavender);border-color:rgba(201,184,255,.36);background:var(--lavender-soft)}
.ch-text{margin:0;min-width:0;color:var(--text);line-height:1.5}
.ch-link{justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:7px;max-width:210px;font-size:13px;white-space:nowrap}
.ch-link:hover{text-decoration:none}
.ch-link:hover .ch-subject{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ch-link .coin-logo{width:18px;height:18px}
.ch-subject{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ch-code{padding:3px 4px;border:1px solid var(--line-2);border-radius:2px;font:600 9px/1 var(--mono);letter-spacing:.08em;color:var(--lavender-text)}
.ch-arrow{color:var(--faint)}
.ch-row:hover .ch-arrow,.ch-link:focus-visible .ch-arrow{color:var(--cyan)}

.ch-empty{padding:26px 22px}
.ch-empty p{margin:0;color:var(--text-2)}

/* ---- how the ledger is kept */
.ch-notes{margin:var(--gap-section,80px) 0 0}
.ch-defs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:18px 28px;margin:0}
.ch-defs div{padding-top:12px;border-top:1px solid var(--line)}
.ch-defs dt{margin:0 0 6px;font:500 10.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lavender-text)}
.ch-defs dd{margin:0;font-size:14px;line-height:1.55;color:var(--text-2)}
.ch-foot{max-width:80ch;margin:24px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}

/* ---- tablet: the link drops under the sentence; phone: time and kind on one line, then the sentence, then the link */
@media (max-width:900px){
  .ch-week{flex-basis:100%}
  .ch-rss{margin-left:0}
  .ch-row{grid-template-columns:48px 98px minmax(0,1fr)}
  .ch-link{grid-column:3;justify-self:start;align-self:baseline;max-width:100%}
}
@media (max-width:640px){
  .ch-kinds{margin-bottom:18px}
  .ch-kinds .chip,.ch-rss{display:inline-flex;align-items:center;min-height:38px}
  .ch-rss{padding:0 2px}
  .ch-date{top:var(--ch-top,91px);padding:10px 14px}
  .ch-row{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;padding:12px 14px}
  .ch-text,.ch-link{grid-column:1/-1}
  .ch-link{min-height:32px}
}
@media (forced-colors:active){.ch-bars i{background:CanvasText}.ch-row{box-shadow:none}}