/* The live report. Builds on /style.css and /events/events.css.
 * Charts: one colour (magnitude only), thin bars with a 4px rounded data
 * end and a square baseline, values in text ink beside the marks. */

.rp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.2rem,1fr));gap:.8rem;margin:1rem 0 1rem}
.rp-tile{background:var(--card);border:1px solid var(--edge);border-radius:8px;padding:.85rem 1rem}
.rp-label{font:600 .68rem var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0}
.rp-value{font:600 2rem/1.1 var(--disp);margin:.25rem 0 .1rem;color:var(--ink)}
.rp-value small{font-size:.9rem;color:var(--faint);font-weight:500}
.rp-sub{font-size:.82rem;color:var(--faint);margin:0}

.rp-bars{list-style:none;margin:0;padding:0;max-width:46rem}
.rp-row{display:grid;grid-template-columns:minmax(10rem,18rem) 1fr;gap:1rem;align-items:center;
  padding:.35rem 0;border-bottom:1px solid var(--wash)}
.rp-name a{font:600 .92rem var(--disp);color:var(--ink);text-decoration:none}
.rp-name a:hover{color:var(--accent);text-decoration:underline}
.rp-name span{display:block;font:.72rem var(--mono);color:var(--faint)}
.rp-track{display:flex;align-items:center;gap:.5rem;min-width:0}
.rp-bar{display:block;height:16px;background:var(--accent);border-radius:0 4px 4px 0;min-width:4px}
.rp-num{font:600 .85rem var(--mono);color:var(--ink)}
.rp-note{font-size:.88rem;color:var(--faint);margin:.6rem 0 0}

.rp-cols{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
  gap:2px;height:11rem;max-width:40rem;border-bottom:1px solid var(--edge);align-items:end}
.rp-col{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.rp-colbar{display:block;width:min(24px,70%);background:var(--accent);border-radius:4px 4px 0 0}
.rp-col .rp-num{margin-bottom:.25rem;min-height:1.1em}
.rp-day{position:absolute;bottom:-1.6rem;font:.72rem var(--mono);color:var(--faint);white-space:nowrap}
#rp-days{padding-bottom:1.8rem}

.rp-pairs{list-style:none;margin:0;padding:0;max-width:46rem}
.rp-pairs li{padding:.45rem 0;border-bottom:1px solid var(--wash);font-size:.95rem}
.rp-pairs a{color:var(--ink)}
.rp-pairs span{color:var(--faint);margin:0 .3rem}
.rp-pairs b{float:right;font:600 .8rem var(--mono);color:var(--ink)}

.rp-table{margin:2rem 0 1rem;max-width:46rem}
.rp-table summary{cursor:pointer;font:600 .72rem var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.rp-table table{margin:1rem 0}
.rp-table .num{text-align:right;font-family:var(--mono)}
.rp-actions{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin:1.4rem 0}
.rp-actions .cta.quiet{background:var(--ink)}

.rp-prose{max-width:40rem}
.rp-prose li{margin:.35rem 0}
.rp-diagram{margin:1.6rem 0;max-width:46rem}
.rp-diagram svg{width:100%;height:auto;display:block}
.rp-diagram figcaption{font-size:.85rem;color:var(--faint);margin-top:.5rem}

@media (max-width:40rem){
  .rp-row{grid-template-columns:1fr;gap:.2rem}
  .rp-pairs b{float:none;display:block}
}
@media print{
  nav,footer,.rp-actions{display:none!important}
  .rp-table{display:block}
  .rp-table[open] summary,.rp-table summary{display:none}
}