/* The paper agents page. Colours and fonts come from charts.css. */
body.paper { display: block; height: auto; }
html:has(body.paper) { height: auto; }
.paper main { max-width: 760px; margin: 0 auto; padding: 18px 16px 48px; }
.paper .back { color: var(--muted); text-decoration: none; }
.paper h1 { margin: 10px 0 4px; font: 600 24px/1.2 var(--display); letter-spacing: -.01em; }
.paper h2 { margin: 0 0 10px; font: 600 15px/1.3 var(--sans); }
.paper h3 { margin: 14px 0 6px; font: 600 13.5px/1.3 var(--sans); color: var(--muted); }
.paper h3:first-of-type { margin-top: 0; }
.paper section { margin-top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
.paper details:not(.more) { margin-top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); color: var(--muted); }
.paper summary { cursor: pointer; color: var(--text); font-weight: 600; }
.paper details p { margin: 10px 0 0; }
.paper details b { color: var(--text); font-weight: 600; }
.paper p { overflow-wrap: anywhere; }
#status { position: static; inset: auto; display: block; margin: 0; padding: 0; text-align: left; background: none; color: var(--muted); } /* not the chart's loading cover from charts.css */
#warn { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: var(--amber-soft); color: var(--amber); }
.empty { margin: 0; color: var(--dim); }
.num { font-family: var(--mono); font-size: 13px; font-variant-numeric: tabular-nums; }
.up { color: var(--green); }
.down { color: var(--red); }

.tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tile { padding: 10px 12px; border-radius: 12px; background: var(--card2); }
.tile span { display: block; color: var(--muted); font-size: 12.5px; }
.tile b { display: block; margin-top: 2px; font: 500 22px/1.2 var(--mono); }
.tile small { color: var(--dim); font-size: 12px; }

.table { width: 100%; border-collapse: collapse; }
.table th { padding: 0 0 6px 8px; color: var(--dim); font-size: 11.5px; font-weight: 500; text-align: right; white-space: nowrap; }
.table td { padding: 6px 0 6px 8px; border-top: 1px solid var(--line); text-align: right; white-space: nowrap; }
.table th:first-child, .table td:first-child { padding-left: 0; text-align: left; }
.more { margin-top: 8px; }
.more summary { color: var(--muted); font-size: 12.5px; font-weight: 500; }

.item { padding: 10px 0; border-top: 1px solid var(--line); }
.item:first-child { padding-top: 0; border-top: 0; }
.item .top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 10px; }
.item .top a { font-weight: 600; text-decoration: none; }
.item .sub { margin-top: 2px; color: var(--muted); font-size: 12.5px; overflow-wrap: anywhere; }
.item .said { margin-top: 6px; font-size: 13.5px; overflow-wrap: anywhere; }
.item .said b { font-weight: 600; }
.tag { color: var(--muted); font-weight: 400; }