/* Club history: runners on the left, their results beside them. */
.history-main{padding:50px 0 90px}
.history-main .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:30px;align-items:end;margin-bottom:30px}
.history-main .section-heading p{color:#555;margin:0}

.history-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:12px}
.history-summary article{background:var(--black);color:#fff;border-radius:var(--radius);padding:18px 20px}
.history-summary small{display:block;color:#aaa;font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.history-summary strong{font-size:1.5rem;line-height:1.1}
.history-sources{color:#666;font-size:.86rem;margin:0 0 26px}

.history-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:26px}
.history-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#555}
.history-toolbar input,.history-toolbar select{min-width:210px;padding:10px 12px;border:1px solid #ccc;border-radius:10px;font:inherit}
.history-toolbar .search-field{flex:1 1 320px}
.history-toolbar .search-field input{width:100%}

.history-panels{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;align-items:start}
.history-panel{background:#fff;border:1px solid #e4e4e4;border-radius:var(--radius);padding:24px}
.history-panel h2{margin:6px 0 14px;font-size:1.5rem}
.history-panel+.history-panel,.history-panels+.history-panel{margin-top:24px}

.runner-list{list-style:none;margin:0;padding:0;max-height:560px;overflow-y:auto}
.runner-list button{width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid #eee;border-radius:0;padding:11px 4px;cursor:pointer;font:inherit}
.runner-list button:hover{background:#faf7f5}
.runner-name{display:block;font-weight:850}
.runner-meta{display:block;color:#777;font-size:.78rem;margin-top:3px}

.runner-heading{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}
.runner-heading h3{margin:0;font-size:1.5rem}
.runner-heading p{margin:4px 0 0;color:#666;font-size:.88rem}
.runner-bests{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:18px}
.runner-bests article{background:#f6f3f1;border-radius:12px;padding:12px 14px}
.runner-bests small{display:block;color:#666;font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.runner-bests strong{display:block;font-size:1.2rem}
.runner-bests span{color:#888;font-size:.75rem}

.history-table{width:100%;border-collapse:collapse;font-size:.9rem}
.history-table th,.history-table td{text-align:left;padding:9px 10px;border-bottom:1px solid #eee;vertical-align:top}
.history-table thead th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#666}
.history-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}
.history-table tbody tr:hover{background:#faf7f5}
.source-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:#f0ecea;font-size:.72rem;font-weight:850}

.document-list{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}
.document-list li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:9px 2px;border-bottom:1px solid #eee}
.document-date{color:#666;font-variant-numeric:tabular-nums;font-size:.82rem}
.document-meta{color:#888;font-size:.76rem}
.history-main a{color:var(--red);font-weight:800}

@media(max-width:1000px){
  .history-main .section-heading{grid-template-columns:minmax(0,1fr)}
  .history-panels{grid-template-columns:minmax(0,1fr)}
  .runner-list{max-height:320px}
}
@media(max-width:620px){
  .history-toolbar input,.history-toolbar select{min-width:0;width:100%}
  .history-toolbar label{flex:1 1 100%}
  .document-list li{grid-template-columns:minmax(0,1fr)}
}

.runner-maybe{margin:0 0 18px;color:#666;font-size:.86rem}
.runner-maybe .maybe{margin:4px 6px 0 0;padding:6px 12px;border:1px solid #ddd;border-radius:999px;background:#fff;color:inherit;font:inherit;font-size:.82rem;cursor:pointer}
.runner-maybe .maybe:hover{border-color:var(--red);color:var(--red)}
.runner-maybe .maybe span{color:#999;margin-left:6px}