.tpn-rankings [hidden] { display: none !important; }
.tpn-rankings-page .archive-header { margin-bottom: 1.75rem; }
.tpn-rankings-page .tpn-circuits { margin-bottom: 1.5rem; }
.tpn-rankings-page .tpn-circuit-card { flex-basis: clamp(150px, 17vw, 200px); }
.tpn-rankings-page .tpn-circuit-card[aria-current="page"] { border-color: var(--circuit-color); box-shadow: 0 0 0 1px var(--circuit-color); }
.tpn-rankings-page--detail .tpn-circuit-grid { justify-content: flex-start; }
.tpn-rankings-page--detail .tpn-circuit-card { flex: 0 1 240px; flex-direction: row; gap: .75rem; padding: .7rem; }
.tpn-rankings-page--detail .tpn-circuit-art { width: 60px; flex: 0 0 60px; margin: 0; }
.tpn-rankings-page--detail .tpn-circuit-name { padding: 0; text-align: left; }
.tpn-rank-scope { display: block; margin-top: .25rem; font-weight: 400; color: var(--tpn-muted); }
.tpn-rank-updated { margin: 0 0 1.5rem; color: var(--tpn-muted); font-size: .9rem; }
.tpn-rankings-page > .site-shell > .tpn-rank-updated:last-child { text-align: center; }
.tpn-rank-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 0 0 1.25rem; }
.tpn-rank-controls label { display: flex; flex-direction: column; gap: .4rem; font-size: .95rem; font-weight: 700; min-width: 0; }
.tpn-rank-controls select, .tpn-rank-controls input { width: 100%; min-width: 0; padding: .7rem; border: 1px solid #9db6dc; background: #fff; color: #102344; font: inherit; font-weight: 400; border-radius: 0; }
.tpn-rank-table-wrap { width: 100%; overflow-x: auto; border: 1px solid #c9d9f0; }
.tpn-rank-table-wrap table { width: 100%; margin: 0; min-width: 32rem; border-collapse: collapse; font-size: 1rem; }
.tpn-rank-table-wrap caption { padding: .8rem 1rem; text-align: left; background: #eff5ff; font-weight: 700; color: #073484; }
.tpn-rank-table-wrap th { background: #073484; color: #fff; }
.tpn-rank-table-wrap th, .tpn-rank-table-wrap td { padding: .8rem; text-align: left; }
.tpn-rank-table-wrap th:last-child, .tpn-rank-table-wrap td:last-child { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.tpn-rank-table-wrap td:nth-child(2) { font-weight: 700; }
.tpn-rank-table-wrap tbody tr:nth-child(even) { background: #f5f8fe; }
.tpn-rank-pagination { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: .8rem 0; }
.tpn-rank-pagination p { margin: 0; font-size: .9rem; }
.tpn-rank-pagination > div { display: flex; gap: .5rem; }
.tpn-rank-pagination button { padding: .6rem .8rem; background: #073484; border: 0; color: #fff; font: inherit; font-size: .9rem; cursor: pointer; }
.tpn-rank-pagination button:disabled { background: #dce6f5; color: #4d5f7a; cursor: default; }
@media (max-width: 600px) {
	.tpn-rankings-page .tpn-circuit-card { flex-basis: calc((100% - .65rem) / 2); max-width: 180px; }
	.tpn-rankings-page--detail .tpn-circuit-card { gap: .45rem; padding: .5rem; }
	.tpn-rankings-page--detail .tpn-circuit-art { width: 40px; flex-basis: 40px; }
	.tpn-rankings-page--detail .tpn-circuit-name { font-size: .7rem; }
	.tpn-rank-controls { grid-template-columns: 1fr; }
	.tpn-rank-pagination { flex-wrap: wrap; }
	.tpn-rank-table-wrap table { font-size: .9rem; min-width: 100%; table-layout: fixed; }
	.tpn-rank-table-wrap th, .tpn-rank-table-wrap td { padding: .65rem .45rem; overflow-wrap: anywhere; }
	.tpn-rank-table-wrap th { font-size: .78rem; }
	.tpn-rank-table-wrap th:first-child { width: 16%; }
	.tpn-rank-table-wrap th:nth-child(2) { width: 35%; }
	.tpn-rank-table-wrap th:nth-child(3) { width: 27%; }
	.tpn-rank-table-wrap th:last-child { width: 22%; }
}

.tpn-rank-controls button { justify-self: start; padding: .6rem 1rem; }
.tpn-rank-pagination nav { display: flex; gap: .5rem; }
.tpn-rank-pagination a, .tpn-rank-pagination span { display: inline-block; padding: .6rem .8rem; background: #073484; color: #fff; font-size: .9rem; text-decoration: none; }
.tpn-rank-pagination span { background: #dce6f5; color: #4d5f7a; }
.tpn-rank-results[aria-busy="true"] { opacity: .65; }
.tpn-rank-status:empty { display: none; }