/* Record book (rb-), record watch (rw-) and milestones (ms-). */
.rb-summary { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.rb-chip { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 12px; background: var(--chip); color: var(--text); }
.rb-chip-gold { background: color-mix(in srgb, var(--gold) 16%, transparent); color: var(--gold); font-weight: 600; }
.rb-chip-dim { color: var(--dim); }
.rb-subhead { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--dim); margin: 10px 0 2px; }
.rb-list { list-style: none; margin: 0; padding: 0; }
.rb-item { padding: 7px 0; border-bottom: 1px solid var(--line); }
.rb-item:last-child { border-bottom: 0; }
.rb-item-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.rb-rec { min-width: 0; overflow-wrap: anywhere; }
.rb-val { white-space: nowrap; font-variant-numeric: tabular-nums; }
.rb-now .rb-val { color: var(--gold); }
.rb-item-sub { margin-top: 2px; line-height: 1.45; }
.rb-pre { color: var(--warn); margin-left: 2px; }
.rb-po { display: inline-block; margin-left: 4px; padding: 0 4px; border-radius: 3px; font-size: 10px; background: var(--chip); color: var(--dim); }
.rb-hist { margin-top: 4px; font-size: 13px; }
.rb-hist summary { cursor: pointer; color: var(--link); font-size: 12px; }
.rb-hist summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }
.rb-hist .table-wrap { margin-top: 4px; }
table.data tr.rb-row-now td { background: color-mix(in srgb, var(--gold) 10%, transparent); }
.rb-frtable td { vertical-align: top; }
.rb-list-full .rb-item { padding: 9px 0; }

.rw-sub { margin: -4px 0 6px; }
.rw-list { list-style: none; margin: 0; padding: 0; }
.rw-item { display: flex; gap: 8px; align-items: baseline; padding: 5px 0; border-bottom: 1px solid var(--line); line-height: 1.45; }
.rw-item:last-child { border-bottom: 0; }
.rw-tag { flex: 0 0 auto; width: 16px; text-align: center; font-size: 12px; color: var(--dim); }
.rw-record .rw-tag { color: var(--gold); }
.rw-milestone .rw-tag { color: var(--link); }
.rw-rank .rw-tag { color: var(--good); }
.rw-strip { margin: 0 0 14px; padding: 8px 12px; border-radius: 10px; background: var(--panel-2); border-left: 4px solid var(--gold); }
.rw-strip[hidden] { display: none; }
.rw-strip-head { font-size: 13px; margin-bottom: 2px; }
.rw-strip .rw-item { border-bottom: 0; padding: 2px 0; font-size: 14px; }

/* rookie records (rk-) */
.rb-rookie { display: inline-block; margin-left: 4px; padding: 0 4px; border-radius: 3px; font-size: 10px; font-weight: 700; line-height: 1.5; background: color-mix(in srgb, var(--good) 16%, transparent); color: var(--good); }
.rb-rec .rb-rookie { margin-left: 0; }
.rk-panel > .card, .rk-panel > .note { margin-bottom: 12px; }
.rk-panel .tabs { margin: 4px 0 10px; }
.rk-grid { align-items: start; }
.rk-sub { margin: -4px 0 6px; }
.rk-list { list-style: none; margin: 0; padding: 0; }
.rk-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 2px 8px; align-items: baseline; padding: 5px 0; border-bottom: 1px solid var(--line); }
.rk-row:last-child { border-bottom: 0; }
.rk-rank { color: var(--dim); font-size: 12px; text-align: right; font-variant-numeric: tabular-nums; }
.rk-who { min-width: 0; overflow-wrap: anywhere; line-height: 1.4; }
.rk-val { white-space: nowrap; font-variant-numeric: tabular-nums; }
.rk-top .rk-val { color: var(--gold); }
.rk-real { display: inline-block; margin-left: 4px; padding: 0 4px; border-radius: 3px; font-size: 10px; background: var(--chip); color: var(--dim); white-space: nowrap; }
.rk-warn { color: var(--warn); font-weight: 700; cursor: help; }
.rk-champ { margin-left: 4px; }
.ms-controls { margin-bottom: 6px; }
.ms-controls .ui-seg { flex-wrap: wrap; border-radius: 14px; }
.ms-grid { margin-top: 10px; }
@media (max-width: 640px) {
	.rb-item-head { flex-wrap: wrap; }
}