/* archive.css: the Results archive (archive.html), the archive bar it shares with varsity-numbers.html, and the
   archive band at the foot of results.html. Load after site.css, polish.css and matches.css. */

/* ---------- Archive bar (the .subnav look from polish.css) ---------- */
.archive-nav .subnav-in a{scroll-margin-left:28px}
.archive-nav a[aria-current]{border-color:var(--gold);color:var(--ox);font-weight:700}

/* ---------- Panels: one shows at a time once archive-page.js runs ---------- */
.archive-panel[hidden]{display:none!important}
.archive-main{padding-top:clamp(36px,5vw,60px)}
.archive-main>.archive-panel:first-child>.ap-head{margin-top:0}
.ap-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 60px;align-items:end;margin:0 0 26px}
.ap-head h2{margin:6px 0 0;font-size:clamp(30px,3.6vw,44px)}
.ap-head h2:after{display:none}
.ap-head p{margin:0;color:var(--text-soft);line-height:1.6;max-width:560px}
.ap-head a{color:var(--ox);font-weight:500;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.ap-head{grid-template-columns:minmax(0,1fr)}}

/* ---------- Races by year: the picker ---------- */
.year-picker{background:#fff;border-top:3px solid var(--gold);box-shadow:0 12px 32px rgba(0,33,71,.06);padding:18px 20px 20px}
.yp-decades{display:flex;flex-wrap:wrap;gap:6px}
.yp-decades button,.yp-years button{appearance:none;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ox);transition:background .15s ease,border-color .15s ease,color .15s ease}
.yp-decades button{font:600 13px/1 "Roboto",Arial,sans-serif;letter-spacing:.06em;padding:10px 12px;min-height:40px}
.yp-decades button:hover,.yp-years button:hover{border-color:var(--gold)}
.yp-decades button[aria-pressed=true]{background:var(--ox);border-color:var(--ox);color:#fff}
.yp-years{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.yp-years button{font:600 19px/1 "Barlow Condensed","Roboto",Arial,sans-serif;letter-spacing:.02em;padding:11px 2px;min-height:44px;background:var(--cream)}
.yp-years button.none{background:transparent;border-style:dashed;color:#6b747d}
.yp-years button[aria-pressed=true]{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--ox)}
.yp-decades button:focus-visible,.yp-years button:focus-visible,.yr-nav button:focus-visible{outline:3px solid var(--ox);outline-offset:2px}
@media(max-width:700px){.yp-years{grid-template-columns:repeat(5,minmax(0,1fr))}.year-picker{padding:16px 14px 16px}}

/* ---------- Races by year: one year ---------- */
.year-view{margin-top:clamp(30px,4vw,44px);scroll-margin-top:calc(var(--hdr,84px) + 64px)}
.yr-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px 24px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:22px}
.year-view .yr-title{margin:0;font:400 clamp(58px,8vw,92px)/.9 "Newsreader",Georgia,serif;letter-spacing:-.02em;color:var(--ox)}
.yr-title:focus{outline:none}
.yr-head p{margin:10px 0 0;font:500 12px/1.5 "Roboto",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}
.yr-nav{display:flex;gap:8px}
.yr-nav button{appearance:none;cursor:pointer;border:1px solid var(--ox);background:#fff;color:var(--ox);font:600 13px/1 "Roboto",Arial,sans-serif;letter-spacing:.1em;padding:12px 16px;min-height:44px}
.yr-nav button:hover{background:var(--ox);color:#fff}
.yr-nav-end{justify-content:space-between;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.latest-race-grid.yr-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.latest-race-grid.yr-grid.yr-one{grid-template-columns:minmax(0,760px)}
.yr-race.latest-race{height:auto}
.yr-race .latest-winner small{grid-column:auto}
.yr-result{margin:0;padding:24px 22px 20px;font:400 21px/1.35 "Newsreader",Georgia,serif;color:var(--ink)}
.yr-body{padding:2px 22px 18px}
.yr-meta{margin:14px 0 8px;font-size:13px;line-height:1.6;color:var(--text-soft)}
.yr-body .ax-note{margin:8px 0;line-height:1.55}
.yr-body .latest-race-links{margin:14px 0 4px}
.yr-full{margin-top:12px;border-top:1px solid var(--line)}
.yr-full summary{cursor:pointer;display:flex;align-items:center;min-height:44px;font:600 12px/1 "Roboto",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ox)}
.yr-table{overflow-x:auto}
.yr-table .ax-table{margin-top:0}
.yr-table .ax-table a{color:var(--ox)}
.yr-none{max-width:760px;background:#fff;padding:24px 28px;border-left:4px solid var(--gold);box-shadow:0 12px 32px rgba(0,33,71,.06)}
.yr-none p{margin:0 0 10px;line-height:1.6}
.yr-none p:last-child{margin-bottom:0}
.yr-more{display:flex;flex-wrap:wrap;gap:12px 28px;margin:26px 0 0}
.yr-more a{font:700 12px/1.3 "Roboto",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ox);padding-bottom:4px;border-bottom:2px solid var(--gold)}
.yr-more a:hover{color:var(--gold-text)}
@media(max-width:900px){.latest-race-grid.yr-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){
  .yr-head{align-items:flex-start}
  .yr-nav button{padding:12px 13px}
  .yr-body{padding:2px 16px 16px}
  .yr-table .ax-table td,.yr-table .ax-table th{padding-left:6px;padding-right:6px}
}

/* ---------- Find a runner and Every match on archive.html ---------- */
.archive-main #search{margin-top:calc(-1 * clamp(36px,5vw,60px));margin-bottom:calc(-1 * var(--space))}
.archive-main #search .archive-explorer{margin-top:0}
a.ax-replay{display:inline-flex;align-items:center;text-decoration:none}
.ax-person.both{border-left:0;padding-left:20px;background:linear-gradient(var(--ox),var(--ox)) 0 0/4px 50% no-repeat,linear-gradient(var(--cam),var(--cam)) 0 100%/4px 50% no-repeat,#fff}
.ax-both{display:inline-block;margin:6px 0 2px;padding:4px 7px;background:var(--gold-soft);color:var(--ox);font:600 11px/1 "Roboto",Arial,sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase}
.archive-main .matches{margin-top:0}

/* ---------- Archive band on results.html ---------- */
.results-archive-band{margin-bottom:calc(-1 * var(--space))}
.results-archive-band .archive-search{margin:0 0 6px}
.archive-routes{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.archive-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.archive-routes{grid-template-columns:minmax(0,1fr)}}

/* Captains and footnotes from the race records (race-notes-data.js) */
.ax-cap{display:inline-block;min-width:17px;padding:2px 4px;margin-left:5px;border-radius:2px;background:var(--ox);color:#fff;font:600 10.5px/1.2 "Roboto",Arial,sans-serif;letter-spacing:.04em;text-align:center;vertical-align:1px;cursor:help}
.ax-fn{font-size:11px;line-height:0;margin-left:2px}
.ax-fn a{color:var(--gold-text);font-weight:700;text-decoration:none;padding:0 1px}
.ax-fn a:hover,.ax-fn a:focus-visible{text-decoration:underline}
.ax-notes{margin:14px 0 4px;padding:14px 0 0;border-top:1px solid var(--line);font-size:14px;line-height:1.55;color:#3f4b59}
.ax-notes-h{margin:0 0 8px;font:600 11.5px/1.3 "Roboto",Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-text)}
.ax-fnlist{margin:0 0 8px;padding-left:22px}
.ax-fnlist li{margin:0 0 6px;padding-left:2px;scroll-margin-top:120px}
.ax-fnlist li::marker{color:var(--gold-text);font-weight:700}
.ax-fnlist li:target{background:#f6efd9;outline:6px solid #f6efd9}
.ax-caplist{list-style:none;margin:0 0 8px;padding:0}
.ax-caplist li{margin:0 0 4px}
.ax-capkey{margin:6px 0 0;font-size:13px;color:var(--muted)}
.ax-capkey .ax-cap{margin:0 4px 0 0;cursor:default}
.ax-race .ax-notes{margin-top:10px}
.ax-notes .ax-notes-h{font-size:11.5px;line-height:1.3;margin:0 0 8px}
.ax-notes li,.ax-notes p{font-size:14px;line-height:1.55}
.ax-notes .ax-capkey{font-size:13px}