/* II-IVs page (ii-ivs.html), v8. Loaded after polish.css on ii-ivs.html only. */
.ii-photos{display:grid;grid-template-columns:1.7fr .75fr 1.15fr;gap:clamp(8px,1.4vw,16px);margin:clamp(40px,5vw,64px) 0 0}
.ii-photos figure{margin:0;height:clamp(220px,28vw,380px);overflow:hidden;background:var(--shell)}
.ii-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.ii-photos figure:hover img{transform:scale(1.03)}
.ii-photos figure.wide img{object-position:center 60%}
.ii-photos-credit{grid-column:1/-1;margin:2px 0 0;font-size:12px;color:var(--muted)}
@media (max-width:760px){
 .ii-photos{grid-template-columns:1fr 1fr}
 .ii-photos figure{height:auto;aspect-ratio:4/5}
 .ii-photos figure.wide{grid-column:1/-1;aspect-ratio:3/2}
}
.ii-photos{margin-bottom:clamp(28px,4vw,48px)}

/* II-IVs page rebuild: intro and race day at a glance (as on the Races page), timetable,
   rivalries, scoring, venue by host year, history and last year's results */
.hero-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px}
.hero-link{font:500 13px/1 "Roboto",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#fff;padding-bottom:6px;border-bottom:2px solid var(--gold)}
.hero-link:hover{color:var(--gold-soft)}
.ii-page .eyebrow.gold{color:var(--gold-text)}
.ii-page [id]{scroll-margin-top:calc(var(--hdr) + 62px)}
.ii-section-head{margin-bottom:22px}.ii-section-head h2{margin:6px 0 0;font-size:clamp(28px,3.4vw,40px)}
.ii-note{font-size:13px;color:var(--muted);margin:14px 0 0}
.ii-note a,.ii-src a,.ii-table td:last-child a{color:var(--ox);border-bottom:1px solid var(--gold)}

/* timetable: the Races page rows, with the two teams in their colours */
.ii-tt .programme-name b{font-weight:500}
.ii-tt .programme-name b.ox{color:var(--ox)}
.ii-tt .programme-name b.cam{color:var(--cam-ink)}
.ii-tt .programme-name i{font-size:.75em;color:var(--gold-text)}
.ii-tt .ii-tt-ord{color:var(--muted)}
.ii-tt .programme-name small{display:block;margin-top:4px;font:700 11px/1.4 "Roboto",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

.ii-photos-2{margin-top:clamp(40px,5vw,64px)}
.ii-photos-2 figure.wide img{object-position:center 40%}

.ii-rivals{margin:clamp(40px,6vw,72px) 0 var(--space)}
.ii-rivals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.ii-rival{background:#fff;padding:clamp(24px,3vw,36px)}
.ii-rival-names{display:flex;align-items:baseline;gap:12px;font:500 clamp(24px,2.6vw,32px)/1.1 "Newsreader",Georgia,serif}
.ii-rival-names .ox{color:var(--ox)}.ii-rival-names .cam{color:var(--cam-ink)}
.ii-rival-names i{font-size:.6em;color:var(--gold-text)}
.ii-rival-meta{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:8px 0 18px}
.ii-h2h{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px}
.ii-h2h>div{padding:14px 18px;display:flex;align-items:baseline;gap:10px}
.ii-h2h .ox{background:var(--ox);color:#fff}.ii-h2h .cam{background:var(--cam-light);color:var(--cam-dark);justify-content:flex-end;flex-direction:row-reverse}
.ii-h2h b{font:600 40px/1 "Barlow Condensed",sans-serif}
.ii-h2h small{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ii-rival-last{font-weight:600;color:var(--ink)}
.ii-rival p{font-size:15px;line-height:1.6}
.ii-rival p:not(.ii-rival-meta):not(.ii-rival-last){color:var(--muted)}
.ii-mob-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(18px,4vw,48px);align-items:center;background:var(--shell);padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-top:0}
.ii-mob-card h3{margin:8px 0 0;font-size:clamp(22px,2.4vw,28px)}
.ii-mob-card p{margin:0;color:var(--muted)}

.ii-scoring{margin-bottom:var(--space)}
.ii-scoring-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.ii-scoring-grid>div{background:#fff;padding:24px 26px;display:flex;gap:18px;align-items:flex-start}
.ii-scoring-grid b{font:600 52px/0.9 "Barlow Condensed",sans-serif;color:var(--ox)}
.ii-scoring-grid p{margin:0;font-size:15px}

.ii-venue{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff;margin-bottom:var(--space)}
.ii-venue[hidden]{display:none}
.ii-venue-copy{padding:clamp(28px,4vw,52px)}
.ii-venue-copy h2{margin:8px 0 12px;font-size:clamp(28px,3.4vw,40px)}
.ii-venue-facts{margin:20px 0 22px;border-top:1px solid var(--line)}
.ii-venue-facts>div{padding:12px 0;border-bottom:1px solid var(--line)}
.ii-venue-facts dt{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.ii-venue-facts dd{margin:4px 0 0;font-weight:600;color:var(--ink)}
.ii-photo-slot{margin:0;min-height:320px;display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(135deg,var(--shell) 0 14px,#ebe7e0 14px 28px);color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ii-photo-slot span{background:rgba(255,255,255,.85);padding:12px 16px;line-height:1.6}

.ii-history{margin-bottom:var(--space)}
.ii-history-head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:start;margin-bottom:clamp(28px,4vw,44px)}
.ii-history-head h2{margin:6px 0 14px;font-size:clamp(30px,4vw,48px)}
.ii-history-photo{margin:0}
.ii-history-photo img{width:100%;height:auto;display:block;filter:saturate(.9)}
.ii-history-photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.ii-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 clamp(28px,4vw,44px);background:var(--ox)}
.ii-stats>div{padding:clamp(20px,2.6vw,30px);border-left:1px solid rgba(255,255,255,.12)}
.ii-stats>div:first-child{border-left:0}
.ii-stats dt{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft)}
.ii-stats dd{margin:6px 0 4px;font:600 clamp(34px,4vw,52px)/1 "Barlow Condensed",sans-serif;color:#fff}
.ii-stats span{font-size:13px;color:rgba(255,255,255,.78)}
.ii-timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ii-timeline li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.ii-timeline b{font:500 26px/1 "Newsreader",Georgia,serif;color:var(--ox)}
.ii-timeline p{margin:0}

.ii-page .ii-results{padding:0;max-width:none}
.ii-cta{display:flex;gap:12px;flex-wrap:wrap}
.ii-cta .btn{margin:0}
.ii-cta .btn.dark{background:#fff;color:var(--ox);border-color:var(--ox)}

@media (max-width:900px){
 .ii-venue,.ii-history-head{grid-template-columns:1fr}
 .ii-rivals-grid,.ii-mob-card{grid-template-columns:1fr}
 .ii-scoring-grid{grid-template-columns:1fr}
 .ii-photo-slot{min-height:220px}
}
@media (max-width:640px){
 .ii-stats{grid-template-columns:1fr 1fr}
 .ii-stats>div:nth-child(3){border-left:0}
 .ii-stats>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
 .ii-timeline li{grid-template-columns:64px 1fr;gap:14px}
 .ii-timeline b{font-size:22px}
 .ii-h2h b{font-size:34px}
 .ii-cta .btn{flex:1 1 auto}
}

/* Round 3: voices, course maps, history stories, runner links */
a.ii-runner{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
a.ii-runner:hover{color:var(--ox)}
.ii-voices{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,36px);margin:0 0 var(--space)}
.ii-voices figure{margin:0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:clamp(24px,3.5vw,40px)}
.ii-voices blockquote{margin:0 0 18px;font-family:"Newsreader",Georgia,serif;font-size:clamp(19px,2vw,23px);line-height:1.45;color:var(--ink)}
.ii-voices figcaption{font-size:13px;color:var(--muted)}
.ii-voices figcaption b{color:var(--ink)}
.ii-course-map{margin:0;background:#fff;padding:clamp(14px,2vw,24px);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.ii-course-map img{width:100%;height:auto;display:block;max-height:640px;object-fit:contain}
.ii-course-map figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.ii-source{font-size:13px;color:var(--muted)}
.ii-stories{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.5vw,28px);margin-bottom:clamp(28px,4vw,44px)}
.ii-stories article{background:#fff;border:1px solid var(--line);padding:clamp(22px,3vw,34px)}
.ii-stories article:first-child{grid-row:span 2}
.ii-stories article p{color:#4d5966}
.ii-stories article p:last-child{margin-bottom:0}
.ii-stories blockquote{margin:0 0 16px;padding:2px 0 2px 18px;border-left:3px solid var(--gold);font-family:"Newsreader",Georgia,serif;font-size:17px;line-height:1.5;color:var(--ink)}
.ii-story-names{font-family:"Newsreader",Georgia,serif;font-size:24px;margin-bottom:12px;color:var(--ink)}
.ii-story-names .ox{color:var(--ox)}.ii-story-names .cam{color:var(--cam-ink)}.ii-story-names i{font-size:16px;color:var(--muted);margin:0 4px}
@media (max-width:900px){.ii-voices,.ii-stories{grid-template-columns:1fr}.ii-stories article:first-child{grid-row:auto}.ii-course-map{border-right:0;border-bottom:1px solid var(--line)}}
.ii-voices{margin-top:clamp(36px,5vw,60px)}
.ii-stories{align-items:start}.ii-stories article:first-child{align-self:stretch}
.ii-stories .ii-story-names span.ox{color:var(--ox)}.ii-stories .ii-story-names span.cam{color:var(--cam-ink)}
.ii-history-head{align-items:center}
h3.ii-story-names{font-weight:500;line-height:1.2;margin-top:0}

/* Round 4: photos and quotes through the page */
.ii-quote-photo{position:relative;overflow:hidden;min-height:clamp(380px,42vw,540px);display:flex;align-items:flex-end;margin:clamp(36px,5vw,60px) 0 var(--space);background:var(--ox)}
.ii-quote-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.ii-quote-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,33,71,.92) 0%,rgba(0,33,71,.72) 45%,rgba(0,33,71,.15) 100%)}
.ii-quote-photo figure{position:relative;z-index:1;margin:0;max-width:640px;padding:clamp(28px,5vw,64px)}
.ii-quote-photo blockquote{margin:0 0 18px;font-family:"Newsreader",Georgia,serif;font-size:clamp(22px,2.6vw,32px);line-height:1.35;color:#fff}
.ii-quote-photo blockquote:before{content:"";display:block;width:40px;height:2px;background:var(--gold);margin-bottom:22px}
.ii-quote-photo figcaption{color:#d5dce6;font-size:14px}.ii-quote-photo figcaption b{color:#fff}
.ii-photo-credit{position:absolute;z-index:1;right:16px;bottom:10px;margin:0;font-size:11px;color:rgba(255,255,255,.75)}
.ii-photo-wide{margin:0 0 var(--space)}
.ii-photo-wide img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 45%;display:block}
.ii-photo-wide figcaption,.ii-quote-split-photo figcaption,.ii-scoring-photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.ii-quote-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;margin:0 0 var(--space);background:#fff;border:1px solid var(--line)}
.ii-quote-split figure{margin:0}
.ii-quote-split-photo img{width:100%;height:100%;max-height:560px;object-fit:cover;display:block}
.ii-quote-split-photo figcaption{padding:0 14px 10px}
.ii-quote-split-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,64px)}
.ii-quote-split-text blockquote{margin:0 0 20px;font-family:"Newsreader",Georgia,serif;font-size:clamp(24px,3vw,38px);line-height:1.3;color:var(--ox)}
.ii-quote-split-text blockquote:before{content:"“";display:block;font-size:90px;line-height:.6;color:var(--gold);margin-bottom:10px}
.ii-quote-split-text figcaption{font-size:14px;color:var(--muted)}.ii-quote-split-text figcaption b{color:var(--ink)}
.ii-scoring.has-photo{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,48px);align-items:start}
.ii-scoring.has-photo .ii-scoring-grid{grid-template-columns:1fr}
.ii-scoring-photo{margin:0}
.ii-scoring-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:35% center;display:block}
@media (max-width:900px){.ii-quote-split,.ii-scoring.has-photo{grid-template-columns:1fr}.ii-quote-split-photo img{max-height:420px;object-position:center 25%}.ii-quote-photo:after{background:linear-gradient(0deg,rgba(0,33,71,.95) 0%,rgba(0,33,71,.75) 55%,rgba(0,33,71,.2) 100%)}.ii-photo-wide img{aspect-ratio:3/2}.ii-scoring-photo img{aspect-ratio:3/2}}
.ii-photo-wide img,.ii-scoring-photo img{height:auto}
.ii-scoring-photo img{object-position:40% 85%}
.ii-quote-split-text blockquote{border:0;padding:0;margin:0 0 20px}
.ii-quote-split-text blockquote:before{content:none}
.ii-quote-split-text{border-left:3px solid var(--gold)}
.ii-quote-photo blockquote{border:0;padding:0}
.ii-quote-split-photo{display:flex;flex-direction:column}
.ii-quote-split-photo img{flex:1;min-height:0}
@media (max-width:900px){.ii-quote-photo figure{padding-bottom:48px}}
/* Kit colours, in the timetable rows */
.ii-kit-line{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px}
.ii-kit-line>span{display:inline-flex;align-items:center;gap:8px}
.ii-kit-sw{display:inline-flex;flex-direction:column;width:14px;flex:none}
.ii-kit-sw i{display:block;border:1px solid #b9bec5}
.ii-kit-sw i:first-child{height:11px;border-radius:2px 2px 0 0}
.ii-kit-sw i:last-child{height:6px;border-top:0;border-radius:0 0 2px 2px}
.ii-rival-link{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ox);border-bottom:1px solid var(--gold);padding-bottom:2px}
.ii-rival-link:hover{border-bottom-width:2px}
.ii-mob-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:4px}
.ii-mob-copy p+p{margin-top:12px}
.ii-history-link{margin-top:var(--space)}.ii-history-link .ii-stats{margin-bottom:0}
