/* W-09 accessibility patch. Load AFTER style.min.css. Colours checked at WCAG AA (4.5:1 normal text). */
:root{--gold-text:#7A5C00}

/* 1. Gold used as TEXT on light backgrounds was 1.4 to 2.2:1. Darker gold (4.9:1 or better on every light surface of the site). Dark sections keep the bright gold. */
.kicker,.door-num,.news-date,.aims-num{color:var(--gold-text)}
:is(.section-ink,.page-hero,.cta-band,.site-footer,.banner,.career-banner) :is(.kicker,.door-num,.news-date,.aims-num){color:var(--gold)}

/* 2. Outline buttons were white on light sections (invisible). Maroon there; unchanged on dark sections. */
.section-paper .btn-line,.section-white .btn-line{color:var(--maroon);border-color:var(--maroon)}
.section-paper .btn-line:hover,.section-white .btn-line:hover,.section-paper .btn-line:focus-visible,.section-white .btn-line:focus-visible{background:var(--maroon);color:#fff}

/* Cases found by the audit on the Head Teacher page and gallery: dark card keeps white outline button; inline-styled gold name; dark caption strip. */
.lead-card .btn-line{color:#fff;border-color:rgba(255,255,255,.5)}
.lead-card .btn-line:hover,.lead-card .btn-line:focus-visible{background:rgba(255,255,255,.12);color:#fff}
.tribute-quote cite{color:var(--gold-text)!important}
.lead-mosaic figcaption{color:#d9cfc4;padding:8px 10px}

/* 3. Tap targets: 44 px minimum on phones and tablets (WCAG 2.5.5 level AAA / platform guidance; 2.5.8 needs 24 px). */
@media (max-width:900px),(pointer:coarse){
  .mast a,.jump a,.footer-social a,.site-footer a,.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
  .pager button,.pager a{min-width:44px;min-height:44px}
  .caption-row a{display:inline-flex;align-items:center;min-height:44px}
}

/* 4. WhatsApp button: on phones it sits inside the bottom app bar's strip (the bar reserves room for it), so it never covers page text. */
@media (max-width:768px){
  .mobile-app-bar{padding-right:68px}
  .wa-float{z-index:1000!important;right:10px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;width:48px!important;height:48px!important}
}

/* 5. Ticker: let people stop it by pointing or focusing (WCAG 2.2.2). */
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}

/* 6. The sideways-scrolling "journey" chart on the home page can now be reached and scrolled with the keyboard (it has tabindex="0"); show where the focus is. */
.journey-chart:focus-visible{outline:2px solid var(--maroon);outline-offset:3px}