/* Apex Athlete: brand red #d32f2f on near-black was 4.0:1 */
html.ks-a11y-colors .k,
html.ks-a11y-colors .brand-words .b,
html.ks-a11y-colors .brand .brand-words .b,
html.ks-a11y-colors footer h5,
html.ks-a11y-colors .trustbar .l {
    color: #f28b8b !important;
}
/* "Get Assessed" hover, light text on red: 4.2 > 6.6:1 */
html.ks-a11y-colors .btn:hover { background-color: #b71c1c !important; color: #fff !important; }
/* Hero accent stays red: a brighter step of the same red for the dark photo (4.7:1) */
html.ks-a11y-colors .hero .accent { color: #e53935 !important; }
/* Small red eyebrows on the dark inner pages: #d32f2f was 1.6 to 4.0:1; a lighter red, 6:1 */
html.ks-a11y-colors .page-hero .eyebrow,
html.ks-a11y-colors .sec-head .eyebrow { color: #f87171 !important; }

/* 320px screens / 400% zoom (1.4.10): two-column card grid ran off the edge */
@media (max-width: 400px) {
    .grid-2 { grid-template-columns: minmax(0, 1fr) !important; }
    .grid-2 > .card { min-width: 0 !important; }
}
/* Inner pages: card numbers on near-black (1.96:1), red bold text, darker page-hero wash */
html.ks-a11y-colors .card-num { color: #8b95a3 !important; }
html.ks-a11y-colors .card p strong { color: #f87171 !important; }
html.ks-a11y-colors .page-hero { box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, .55) !important; }
@media (max-width: 400px) {
    .grid-3 { grid-template-columns: minmax(0, 1fr) !important; }
    .grid-3 > .tier { min-width: 0 !important; }
}
html.ks-a11y-colors .page-hero img,
html.ks-a11y-colors .page-hero picture { filter: brightness(0.5) !important; }
/* Section photo set as the hero's own background: blend it darker */
html.ks-a11y-colors .page-hero { background-color: rgba(0, 0, 0, .55) !important; background-blend-mode: multiply !important; }
/* Big red hero words: a brighter step of the red for the photo (large text, 3:1) */
html.ks-a11y-colors .hero .accent { color: #ff5a5a !important; }
/* Inner-page hero photo is a classed background div (.page-hero-bg): darken it so the red eyebrow reads (2.8 > 4.5:1+) */
html.ks-a11y-colors .page-hero-bg { filter: brightness(0.45) !important; }
/* Inner-page hero eyebrow over the photo: one step lighter red (3.9 > 4.5:1+) */
html.ks-a11y-colors .page-hero-c > .eyebrow { color: #fca5a5 !important; }