:root { --fg: #1d1d1f; --muted: #6e6e73; --bar: #2f6fdf; --line: #e5e5ea; --bad: #c62828; --good: #2e7d32; }
* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 860px; padding: 0 16px 48px; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--fg); background: #fff; }
a { color: var(--bar); }
.top { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.top nav a { margin-left: 16px; }
.brand { font-weight: 700; text-decoration: none; font-size: 20px; }
.muted, .foot { color: var(--muted); }
.foot { border-top: 1px solid var(--line); margin-top: 32px; font-size: 14px; }
table.list { width: 100%; border-collapse: collapse; }
table.list th, table.list td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.num { text-align: right !important; font-variant-numeric: tabular-nums; }
.up { color: var(--good); }
.cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.score strong { font-size: 28px; }
.heat { margin-left: 12px; color: var(--muted); }
ul.bars { list-style: none; padding: 0; }
.bar-row { margin: 16px 0; }
.bar-label { display: flex; justify-content: space-between; }
.bar { background: var(--line); height: 10px; border-radius: 5px; overflow: hidden; }
.bar span { display: block; height: 100%; background: var(--bar); }
.receipt, .thumbs { font-size: 14px; }
.thumbs { color: var(--muted); }
ul.postings { font-size: 14px; margin: 4px 0; }
.long-open, .long-open a { color: #9e9e9e; }
.banner { padding: 12px 16px; margin: 16px 0; border-radius: 6px; font-weight: 600; }
.banner.stale { background: #fdecea; color: var(--bad); border: 1px solid var(--bad); }
.banner.ok { background: #edf7ed; color: var(--good); border: 1px solid var(--good); }
tr.stale td { color: var(--bad); }
tr.never_run td { color: var(--muted); }