/* history.css: History and Full History pages (v8). Loaded after polish.css. */

/* Anchored sections land below the fixed header */
.history-explore,.history-explore [id],.history-chapters>section[id],#main{scroll-margin-top:110px}

/* Timeline: each summary links to its chapter or result */
.timeline .tl-more{display:inline-block;margin-top:9px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ox);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:1px}
.timeline .tl-more:hover,.timeline .tl-more:focus-visible{color:var(--gold);border-bottom-color:var(--ox)}
.timeline .tl-more span{display:inline-block;transition:transform .2s ease}
.timeline .tl-more:hover span{transform:translateX(3px)}

/* Names in the record: each name opens its archive search */
.archive-quote p a:not(.text-link){color:#fff;text-decoration:underline;text-decoration-color:var(--gold-soft);text-underline-offset:3px}
.archive-quote p a:not(.text-link):hover,.archive-quote p a:not(.text-link):focus-visible{color:var(--gold-soft)}
.archive-quote .names-search{margin-top:18px}
.archive-quote .text-link{color:#fff;border-bottom-color:var(--gold-soft)}

/* Explore the record: one row of link cards */
.history-explore .archive-routes{grid-template-columns:repeat(4,minmax(0,1fr))}
.history-explore .archive-routes a{min-height:130px}

/* Closing band: the history is still being written */
.history-still{margin-top:var(--space);padding:clamp(36px,5vw,60px);background:var(--ox);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:44px;position:relative;overflow:hidden}
.history-still:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}
.history-still h2{color:#fff;font-size:clamp(30px,4vw,44px);margin:8px 0 12px}
.history-still h2:after{display:none}
.history-still p{max-width:640px;margin:0;color:rgba(255,255,255,.84)}
.history-still p a{color:#fff;font-weight:500;border-bottom:1px solid var(--gold-soft);white-space:nowrap}
.history-still p a:hover,.history-still p a:focus-visible{color:var(--cam);border-bottom-color:var(--cam)}
.history-still .eyebrow{color:var(--gold-soft)}
.history-still .history-actions{flex:0 0 auto;margin-top:0;flex-direction:column;align-items:flex-start}
.history-still .btn{background:#fff;color:var(--ox);border-color:#fff}
.history-still .btn:hover,.history-still .btn:focus-visible{background:var(--cam);border-color:var(--cam);color:var(--ox)}
.history-still .text-link{color:#fff;border-bottom-color:var(--gold-soft)}

/* Full History: photo breaks use 2025 photos until archive photographs are found */
.history-chapters .history-full-bleed.history-photo-one{background-image:linear-gradient(180deg,rgba(0,33,71,0) 45%,rgba(0,33,71,.6)),url("photos/history-water-splash-2025.jpg")!important;background-position:center 40%!important}
.history-chapters .history-full-bleed.history-photo-two{background-image:linear-gradient(180deg,rgba(0,33,71,0) 45%,rgba(0,33,71,.6)),url("photos/history-oxford-womens-captains-2025.jpg")!important;background-position:center 30%!important}
.history-chapters .history-full-bleed .photo-break-caption{color:#fff;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.5)}

@media (max-width:900px){
  .history-explore .archive-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .history-still{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .history-explore .archive-routes{grid-template-columns:minmax(0,1fr)}
  .history-chapters .history-full-bleed .photo-break-caption{display:block;position:absolute;left:22px;right:22px;bottom:62px!important;font-size:12px}
}

/* Full History: OUCCC text, twelve chapters */
.chapter-nav{grid-template-columns:repeat(6,1fr)!important}
.chapter-nav a{border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px;line-height:1.3;padding:14px 14px 16px;text-align:left;text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink)}
.chapter-nav a span{font-size:15px;line-height:1.3}
.chapter-nav a:nth-child(6n){border-right:0}
.chapter-nav a:nth-last-child(-n+6){border-bottom:0}
.chapter-nav b{font-family:var(--num),"Roboto",sans-serif;font-size:15px;color:var(--gold-text);letter-spacing:.04em;font-size-adjust:var(--num-fsa);font-variant-numeric:lining-nums}
.history-chapters p{font-size:17px;line-height:1.72;color:#33404f;max-width:720px}

/* Archive photographs (OUCCC) */
.hx-photo{margin:34px 0 8px;max-width:720px}
.hx-photo img{display:block;width:100%;height:auto;background:#e9e6df;filter:grayscale(.15) contrast(1.02);box-shadow:0 14px 34px rgba(0,33,71,.12)}
.hx-photo figcaption{margin-top:10px;font-size:13px;color:var(--muted);letter-spacing:.02em;padding-left:12px;border-left:2px solid var(--gold)}
.hx-photo.is-missing:before{content:"Archive photograph to come";display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:repeating-linear-gradient(135deg,#efece5 0 12px,#e7e3da 12px 24px);color:#7a838d;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hx-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:720px}
.hx-pair .hx-photo{margin-top:34px}

@media (max-width:900px){
  .chapter-nav{grid-template-columns:repeat(3,1fr)!important}
  .chapter-nav a:nth-child(6n){border-right:1px solid var(--line)}
  .chapter-nav a:nth-child(3n){border-right:0}
  .chapter-nav a:nth-last-child(-n+6){border-bottom:1px solid var(--line)}
  .chapter-nav a:nth-last-child(-n+3){border-bottom:0}
}
@media (max-width:560px){
  .chapter-nav{grid-template-columns:1fr 1fr!important}
  .chapter-nav a:nth-child(3n){border-right:1px solid var(--line)}
  .chapter-nav a:nth-child(2n){border-right:0}
  .chapter-nav a:nth-last-child(-n+3){border-bottom:1px solid var(--line)}
  .chapter-nav a:nth-last-child(-n+2){border-bottom:0}
  .hx-pair{grid-template-columns:1fr;gap:0}
  .history-chapters p{font-size:16px}
}

.hx-photo.small{max-width:420px}

/* ---------- History overview, November 2026 redesign: printed-record style ---------- */
.hx{padding-top:clamp(36px,5vw,64px)}
.hx h2{font-weight:600}
.hx h2:after{display:none}
.hx-open{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.hx-open h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;margin:0 0 18px}
.hx-open .lede{margin:0 0 26px}
.hx-first{margin:0 0 28px;border-top:1px solid rgba(0,33,71,.18)}
.hx-first>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid rgba(0,33,71,.18)}
.hx-first dt{font-size:13px;color:#5a6572}
.hx-first dd{margin:0;font-size:16px}
.hx-fig{margin:0}
.hx-fig img{width:100%;height:auto;display:block;filter:grayscale(.15)}
.hx-fig figcaption{font-size:13px;color:#5a6572;margin-top:8px;line-height:1.45}
.hx-milestones{margin-top:clamp(48px,7vw,88px)}
.hx-milestones h2,.hx-names h2,.hx-explore h2{font-size:clamp(28px,3vw,38px);margin:0 0 20px}
.hx-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ox)}
.hx-list li{display:grid;grid-template-columns:120px 1fr auto;gap:0 28px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(0,33,71,.16)}
.hx-year{font:500 clamp(28px,3vw,36px)/1 var(--num),"Roboto",sans-serif;color:var(--ox);letter-spacing:.01em;font-size-adjust:var(--num-fsa);font-variant-numeric:lining-nums;font-weight:var(--num-weight,500)}
.hx-list h3{font-size:20px;font-weight:600;margin:0 0 4px}
.hx-list p{margin:0;max-width:640px;font-size:15px;line-height:1.55}
.hx-more-link{font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.hx-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(40px,6vw,72px);align-items:end}
.hx-photos .hx-fig img{aspect-ratio:4/3;object-fit:cover}
.hx-photos-credit{grid-column:1/-1;font-size:12px;color:#5a6572;margin:0}
.hx-names{margin-top:clamp(48px,7vw,88px);display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(24px,4vw,56px)}
.hx-names .lede{margin-top:0}
.hx-explore{margin-top:clamp(48px,7vw,88px)}
.hx-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(0,33,71,.18)}
.hx-links li{border-bottom:1px solid rgba(0,33,71,.18)}
.hx-links li:nth-child(odd){border-right:1px solid rgba(0,33,71,.18)}
.hx-links a{display:block;padding:20px 22px 20px 0}
.hx-links li:nth-child(even) a{padding-left:22px}
.hx-links strong{display:block;font:600 21px/1.25 "freight-big-pro","Noto Serif",Georgia,serif;color:var(--ox);font-size-adjust:.47}
.hx-links span{display:block;font-size:14px;color:#5a6572;margin-top:4px}
.hx-links a:hover strong{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.hx-ask{margin:clamp(48px,7vw,88px) 0 clamp(24px,4vw,48px);padding:24px 0;border-top:2px solid var(--ox)}
.hx-ask h2{font-size:22px;margin:0 0 6px}
.hx-ask p{margin:0;max-width:760px}
.hx-ask .text-link{display:inline-block;margin-top:10px}
@media(max-width:860px){
  .hx-open,.hx-names{grid-template-columns:1fr}
  .hx-open-fig{order:-1}
  .hx-photos{grid-template-columns:1fr 1fr}
  .hx-photos .hx-fig:first-child{grid-column:1/-1}
  .hx-links{grid-template-columns:1fr}
  .hx-links li:nth-child(odd){border-right:0}
  .hx-links li:nth-child(even) a{padding-left:0}
}
@media(max-width:560px){
  .hx-list li{grid-template-columns:64px 1fr;gap:4px 16px}
  .hx-year{font-size:24px}
  .hx-more-link{grid-column:2;margin-top:8px}
  .hx-first>div{grid-template-columns:96px 1fr}
}
/* First race card (Thomas, 6 Nov 2026) */
.hx-first{background:#fff;border:1px solid rgba(0,33,71,.12);border-top:3px solid var(--ox);padding:6px 24px 8px}
.hx-first>div{grid-template-columns:110px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(0,33,71,.12)}
.hx-first>div:last-child{border-bottom:0}
.hx-first dt{font:600 12px/1.3 var(--sans),Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);font-size-adjust:var(--sans-fsa);font-variant-numeric:var(--sans-nums)}
.hx-first dd{font:600 18px/1.4 "freight-big-pro","Noto Serif",Georgia,serif;color:var(--ox);font-size-adjust:.47}
/* Restored coloured sections sit inside the new layout */
.hx .archive-story{margin-top:clamp(48px,7vw,88px)}
@media(max-width:560px){.hx-first{padding:4px 18px 6px}.hx-first>div{grid-template-columns:1fr;gap:4px}}
.olympians{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);margin-top:22px}
.olympians h3{color:var(--gold-soft);font:600 12px/1.3 var(--sans),Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size-adjust:var(--sans-fsa);font-variant-numeric:var(--sans-nums)}
.olympians ul{list-style:none;margin:0;padding:0}
.olympians li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.olympians strong{display:block;font:600 18px/1.35 "freight-big-pro","Noto Serif",Georgia,serif;font-size-adjust:.47}
.olympians strong a{color:#fff;text-decoration:underline;text-decoration-color:var(--gold-soft);text-underline-offset:3px}
.olympians span{display:block;font-size:14px;color:rgba(255,255,255,.78);margin-top:2px}
@media(max-width:760px){.olympians{grid-template-columns:1fr}}
/* Cambridge blue instead of the dark green (Thomas, 6 Nov 2026) */
.hx .archive-quote{background:var(--cam);color:var(--ox)}
.hx .archive-quote .eyebrow,.hx .olympians h3{color:var(--ox)}
.hx .archive-quote blockquote{color:var(--ox);border-left-color:var(--ox)}
.hx .archive-quote p,.hx .olympians span{color:#002147}
.hx .archive-quote p a:not(.text-link),.hx .olympians strong a{color:var(--ox);text-decoration-color:var(--ox)}
.hx .olympians strong{color:var(--ox)}
.hx .olympians li{border-bottom-color:rgba(0,33,71,.2)}
.hx .archive-quote .text-link{color:var(--ox);border-bottom-color:var(--ox)}
.hx .archive-routes a.cam{background:var(--cam);color:var(--ox)}
.hx .archive-routes a.cam span,.hx .archive-routes a.cam small,.hx .archive-routes a.cam strong{color:var(--ox)}
.olympians .ol-games+.ol-games{margin-top:0}