.history-records__grid { columns: 21rem; column-gap: .75rem;  }
.history-records__card { break-inside: avoid; margin-bottom: .75rem; min-width: 0; border: 1px solid var(--history-border); border-radius: var(--history-radius); overflow: hidden; background: var(--color-surface); }
.history-records__card h3 { margin: 0; padding: .6rem .75rem; color: white; background: linear-gradient(110deg,var(--color-navy),var(--color-navy-light)); font-size: 1.05rem; font-weight: 700; }
.history-records__card table { width: calc(100% - 1rem); min-width: 0; margin: .5rem; font-size: .8rem; }
.history-records__card :is(th, td) { padding: .5rem .35rem; text-align: left; overflow-wrap: anywhere; }
.history-records__card thead th { color: var(--color-navy); background: var(--history-header); }
.history-records__card thead th:nth-child(2) { text-align: left; }
.history-records__card :is(th, td):first-child { width: 18%; text-align: center; }
.history-records__card :is(th, td):nth-child(3) { width: 21%; text-align: right; white-space: nowrap; }
.history-records__card :is(th, td):last-child { width: 1.5rem; text-align: center; }
.history-records__card tr[data-href] { height: 2.75rem; }
.history-records__card .cvsl-table tr[data-href]:focus-visible { outline: 2px solid var(--color-navy); outline-offset: -2px; }
.history-records__club { display: block; font-weight: 400; }
.history-records__holder { display: inline-block; vertical-align: top; }
.history-records__card td:last-child svg { width: 1rem; height: 1rem; margin-inline: auto; }
.history-records__card .history-player__toggle { width: calc(100% - 1rem); margin: .5rem; }
.history-records__note { padding: .5rem .75rem; color: var(--color-muted); }
.history-records__note p { padding: .5rem; border: 1px solid var(--color-border); border-left: .25rem solid var(--color-border-strong); font-size: clamp(.75rem, 2vw, .8rem); }
@media (max-width: 30rem) { .history-records__card table { font-size: .75rem; } }