/* 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 .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,20,42,0) 45%,rgba(0,20,42,.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,20,42,0) 45%,rgba(0,20,42,.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:3px;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:"Barlow Condensed","Roboto",sans-serif;font-size:15px;color:var(--gold-text);letter-spacing:.04em}
.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}