/* ===================================================================== SITE v8 — Accessibility layer · 2026-10-16 Loaded LAST on every page. Generated by gen_css.py, kept in 11 - REFERENCE - Claude Working Notes/SITE v8 accessibility tools/ (edit that, re-run it). What it does: 1. Text size follows the visitor's own browser/phone setting (% not px); A / A+ / A++ multiply it. 2. A two-tone focus ring that shows on every background (WCAG 2.4.7/1.4.11). 3. Contrast fixes found by axe-core (footer fine print, gold-on-plum eyebrows, coral text, step colours, tags, notes). 4. Comfort bar: bigger type, 48px buttons, Colors menu, Start over / Stop. 5. "Listen" reading highlight. 6. Colors: Automatic (follows the device), Light, Dark, Extra contrast, plus Windows Contrast Themes (forced-colors). 7. Small structural helpers (visually-hidden, heading-level look-alikes, reflow fixes at 320px / 400% zoom). ===================================================================== */ /* 1 · Text size: percentages honour the visitor's own default size */ html{font-size:112.5%} html.text-lg{font-size:125%} /* ~20px (Gay, 2026-10-18: A++ was too large) */ html.text-xl{font-size:137.5%} /* ~22px */ /* bigger text: the menu drops below the logo instead of squeezing it (the A++ bug, 2026-10-18) */ .site-header .wrap{flex-wrap:wrap!important;row-gap:.35rem} .site-header .brand{flex:0 0 auto} .site-nav{margin-left:auto} @media (min-width:981px){.site-nav ul{flex-wrap:wrap!important;justify-content:flex-end}} /* 2 · Focus: plum ring + white halo on light backgrounds; marigold-light on dark */ :focus-visible{outline:3px solid #241A3A!important;outline-offset:2px;box-shadow:0 0 0 2px #fff;border-radius:6px} .site-footer :focus-visible,.page-hero-navy :focus-visible,.section-navy :focus-visible,.cs-box :focus-visible, .optin :focus-visible,.h6-optin :focus-visible,.top-hero.cine :focus-visible{outline-color:#FFD27A!important;box-shadow:0 0 0 2px #1A1229} .skip-link:focus{outline:3px solid #FFD27A!important} /* 3 · Contrast fixes (measured; all now 4.5:1 or better) */ .site-footer .footer-bottom,.site-footer .footer-bottom span,.site-footer .footer-bottom a{color:#DCD4E8} /* 12.6:1 */ .site-footer p[style*="italic"]{color:#DCD4E8!important} .page-hero-navy [style*="var(--gold)"],.section-navy [style*="var(--gold)"],.cs-box [style*="var(--gold)"]{color:#FFD27A!important} /* 12.7:1 */ .privacy-flag{color:#B5402A} /* 5.6:1 white, 5.0:1 lilac */ .framework .step:nth-child(2) h3,.pathway-card:nth-child(2) .pathway-kicker{color:#0A6B5F} /* 6.4:1 */ .framework .step:nth-child(3) h3,.pathway-card:nth-child(3) .pathway-kicker{color:#B5402A} /* 5.6:1 */ .dl-card .tag.soon{color:#8A4A0E} /* 5.9:1 */ .try-k{color:#A8321F} /* 6.0:1 on canary */ .card-never .eyebrow[style*="--coral"]{color:#B5402A!important} .card[style*="opacity:0.85"]{opacity:1!important;border-style:dashed} .margin-note{color:#B5402A} /* 4 · Comfort bar */ .a11y-bar{font-size:.95rem} .a11y-bar .a11y-label{color:var(--ink-soft,#4A3F5C)} .a11y-btn{min-height:48px;min-width:48px;padding:.35rem 1rem;border:1.5px solid rgba(36,26,58,.35)} .a11y-bar select{min-height:48px;font:inherit;font-size:.95rem;border-radius:999px;border:1.5px solid rgba(36,26,58,.35);padding:.3rem .9rem;background:#fff;color:#241A3A} .a11y-group{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap} .a11y-bar .listen-controls{flex-wrap:wrap;justify-content:flex-end;max-width:100%} @media (max-width:640px){.a11y-bar .wrap{justify-content:flex-start}.a11y-bar .a11y-label{margin-right:.2rem}.a11y-bar .wrap>.a11y-label{flex-basis:100%}.a11y-bar .listen-controls{justify-content:flex-start}} .a11y-btn[hidden],.a11y-group [hidden]{display:none!important} .a11y-btn.a11y-quiet{background:transparent} .listen-status{font-weight:700;color:#241A3A} body.is-listening .a11y-bar .listen-controls{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:80; background:#fff;border:2px solid #241A3A;border-radius:22px;padding:.5rem .8rem;box-shadow:0 8px 28px rgba(36,26,58,.28); flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 20px)} body.is-listening main{padding-bottom:7rem} @media (max-width:640px){body.is-listening .a11y-bar .listen-controls :is(select,label){display:none}body.is-listening .a11y-bar .listen-controls{flex-wrap:nowrap;gap:.35rem;padding:.4rem .5rem}body.is-listening .a11y-bar .listen-controls .a11y-btn{padding:.3rem .7rem}} /* 5 · Listen: the paragraph being read */ .reading-now{background:#FFF3B0!important;color:#241A3A!important;box-shadow:0 0 0 .35rem #FFF3B0,0 0 0 calc(.35rem + 3px) #F5A623;border-radius:4px} .reading-now *{color:#241A3A!important} /* 7 · Helpers */ .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} :is(h2,h3).hl-4{font-size:1.05rem;line-height:1.3} h2.hl-3{font-size:1.16rem;line-height:1.25} .term-of-day h2.hl-3{font-size:1.35rem;letter-spacing:-.02em} .site-footer .hl-4{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none;margin:0 0 .5rem} .safety-note .hl-4{color:var(--teal-dark);margin-bottom:.3rem} .gay-note{flex-wrap:wrap} .gay-note .gn-transcript{flex-basis:100%;margin-top:.4rem} .gay-panel .gp-cc{margin:.7rem 0 0;padding:.35rem .7rem;border-radius:8px;background:#1A1229;color:#fff;font-weight:700;font-size:1.05rem;line-height:1.35;text-align:center;min-height:2.7em} .gay-panel .gp-cc:empty{visibility:hidden} .term-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))} td,th{overflow-wrap:anywhere} main a[href^="mailto:"]{overflow-wrap:anywhere} main{overflow-wrap:anywhere} fieldset{min-width:0} .gay-note .gn-text{min-width:min(14rem,100%)} .btn-row{flex-wrap:wrap} .btn,.copy-btn{white-space:normal;max-width:100%} .site-header .brand-logo{flex:none} @media (max-width:520px){main table{font-size:.88rem} main th,main td{padding:.55rem .45rem}} /* transcripts and the "Hear from Gay" note */ .transcript{margin-top:1rem;border:1.5px solid var(--line,rgba(36,26,58,.18));border-radius:12px;background:#fff} .transcript summary{cursor:pointer;font-weight:700;padding:.8rem 1rem;min-height:48px;display:flex;align-items:center;color:#241A3A} .transcript[open] summary{border-bottom:1px solid var(--line,rgba(36,26,58,.18))} .transcript .tx-body{padding:.6rem 1.1rem 1rem} .transcript .tx-body p{margin:.5rem 0} .transcript .tx-note{font-size:.88rem;color:#4A3F5C} .gay-panel .gp-transcript{font-size:.95rem;color:#241A3A;margin:.6rem 0 0;text-align:left;max-height:9.5em;overflow:auto} .gay-panel .gp-transcript strong{display:block;font-size:.85rem;color:#4A3F5C} @media print{.a11y-bar,.reading-now{box-shadow:none!important;background:none!important}} /* 6a · Dark — chosen in the Colors menu */ html[data-theme="dark"]{color-scheme:dark; --ink:#EEE9F5;--ink-soft:#C9BEDB;--ink-70:#C9BEDB;--navy:#EEE9F5;--navy-soft:#C9BEDB; --teal-v6:#FFB4A3;--teal:#FFB4A3;--teal-dark:#FFC9BC;--coral:#FF9C85; --wash:#1E1733;--paper:#1E1733;--cream:#17112A;--sage:#2A2142;--white:#221A38; --gold:#FFD27A;--gold-deep:#FFD27A;--gold-soft:#3A2E14;--pad:#3A3216;--margin-red:#FFB4A3; --line:rgba(238,233,245,.22);--line-soft:rgba(238,233,245,.12);--sand-tint:#1E1733;--aqua-tint:#1E1733} html[data-theme="dark"] body{background:#17112A;color:#EEE9F5} html[data-theme="dark"] :is(h1,h2,h3,h4,h5,.brand-name,strong,b,dt,th,label,legend,summary){color:#F7F4FB} html[data-theme="dark"] :is(.site-header,.top-hero,.top-hero.cine,.page-hero,.article-header,.welcome-band,main,section){background-color:#17112A} html[data-theme="dark"] .site-header{border-bottom-color:#FF9C85} html[data-theme="dark"] :is(.a11y-bar){background:#221A38;color:#EEE9F5} html[data-theme="dark"] :is(.section-paper,.section-sage,.section-tight,.cp-cream,.cp-aqua,.cp-gold,.cp-coral,.cp-green){background-color:#1E1733!important} html[data-theme="dark"] :is(.card,.pathway-card,.lesson-card,.term-card,.app-card,.article-tile,.figure,.figure figcaption,.framework .step,.gays-desk,.gays-desk.has-portrait,.tool-panel,.stat-block,table,.term-card .term-use,.dl-card,.resource-card,.faq details,.transcript,.notice,.safety-note,.quote-block,.welcome-band,.h6-pad,.try-box,.cta-panel,.h6-stat,.h6-papers a,.card-never,.card-ok,.tool-output,.ws-block){background-color:#221A38!important;background-image:none!important;color:#EEE9F5;border-color:rgba(238,233,245,.22)} html[data-theme="dark"] :is(.term-of-day){background:linear-gradient(135deg,#2A2142,#2E2418)} html[data-theme="dark"] :is(.chip,.chip-gold,.chip-coral,.tag,.dl-card .tag.soon){background:#2A2142;color:#FFD27A} html[data-theme="dark"] a{color:#FFB4A3} html[data-theme="dark"] a:hover{color:#FFFFFF} html[data-theme="dark"] .site-nav a{color:#EEE9F5} html[data-theme="dark"] .site-nav a[aria-current="page"],.site-nav a:hover{background:#FFB4A3;color:#17112A} html[data-theme="dark"] .brand-alt{color:#FFB4A3} html[data-theme="dark"] .btn-primary{background:#FFB4A3;border-color:#FFB4A3;color:#17112A} html[data-theme="dark"] .btn-primary:hover{background:#FFD2C7;border-color:#FFD2C7;color:#17112A} html[data-theme="dark"] .btn-gold{background:#F5A623;border-color:#F5A623;color:#17112A} html[data-theme="dark"] :is(.btn-outline,.btn-outline-navy){background:transparent;color:#EEE9F5;border-color:#EEE9F5} html[data-theme="dark"] :is(.a11y-btn,.a11y-bar select,.copy-btn,input,select,textarea){background:#17112A;color:#EEE9F5;border-color:rgba(238,233,245,.45)} html[data-theme="dark"] .a11y-btn[aria-pressed="true"]{background:#FFB4A3;color:#17112A;border-color:#FFB4A3} html[data-theme="dark"] .lesson-num{background:#FFB4A3;color:#17112A} html[data-theme="dark"] :is(.optin,.h6-optin,.cs-box){background:#221A38!important;background-image:none!important;color:#EEE9F5} html[data-theme="dark"] .cs-d{color:#fff} html[data-theme="dark"] .nav-toggle{background:#2A2142;color:#EEE9F5;border-color:rgba(238,233,245,.45)} html[data-theme="dark"] .welcome-vid{background:#000} html[data-theme="dark"] [style*="color:#555"]{color:#C9BEDB!important} html[data-theme="dark"] .gay-note button.gn-play{background:#FFB4A3;color:#17112A} html[data-theme="dark"] :is(.eyebrow,.pathway-kicker,.privacy-flag,.try-k,.margin-note,.framework .step h3,.cs-k){color:#FFB4A3!important} html[data-theme="dark"] .framework .step:nth-child(2) h3,html[data-theme="dark"] .pathway-card:nth-child(2) .pathway-kicker{color:#7FE0C8!important} html[data-theme="dark"] .framework .step:nth-child(4) h3{color:#FFD27A!important} html[data-theme="dark"] [style*="color:var(--gold)"]{color:#FFD27A!important} html[data-theme="dark"] .safety-note{border-color:#FFD27A} html[data-theme="dark"] .safety-note :is(h3,h4){color:#FFD27A} html[data-theme="dark"] .listen-status{color:#FFD27A} html[data-theme="dark"] body.is-listening .a11y-bar .listen-controls{background:#221A38;border-color:#FFD27A} html[data-theme="dark"] .a11y-bar .a11y-label{color:#C9BEDB} html[data-theme="dark"] .transcript summary,html[data-theme="dark"] .gay-panel .gp-transcript{color:#EEE9F5} html[data-theme="dark"] .transcript .tx-note,html[data-theme="dark"] .gay-panel .gp-transcript strong{color:#C9BEDB} html[data-theme="dark"] .gay-panel,html[data-theme="dark"] .gay-bubble{background:#221A38;color:#EEE9F5} html[data-theme="dark"] .gay-panel .gp-caption{color:#C9BEDB} html[data-theme="dark"] :focus-visible{outline-color:#FFD27A!important;box-shadow:0 0 0 2px #17112A} html[data-theme="dark"] img:not([src$=".svg"]){filter:brightness(.92)} html[data-theme="dark"] .reading-now{background:#3A3216!important;color:#FFF7D6!important;box-shadow:0 0 0 .35rem #3A3216,0 0 0 calc(.35rem + 3px) #F5A623} html[data-theme="dark"] .reading-now *{color:#FFF7D6!important} /* 6b · Dark — following the device setting (Colors = Automatic) */ @media (prefers-color-scheme: dark){ html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]){color-scheme:dark; --ink:#EEE9F5;--ink-soft:#C9BEDB;--ink-70:#C9BEDB;--navy:#EEE9F5;--navy-soft:#C9BEDB; --teal-v6:#FFB4A3;--teal:#FFB4A3;--teal-dark:#FFC9BC;--coral:#FF9C85; --wash:#1E1733;--paper:#1E1733;--cream:#17112A;--sage:#2A2142;--white:#221A38; --gold:#FFD27A;--gold-deep:#FFD27A;--gold-soft:#3A2E14;--pad:#3A3216;--margin-red:#FFB4A3; --line:rgba(238,233,245,.22);--line-soft:rgba(238,233,245,.12);--sand-tint:#1E1733;--aqua-tint:#1E1733} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) body{background:#17112A;color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(h1,h2,h3,h4,h5,.brand-name,strong,b,dt,th,label,legend,summary){color:#F7F4FB} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.site-header,.top-hero,.top-hero.cine,.page-hero,.article-header,.welcome-band,main,section){background-color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .site-header{border-bottom-color:#FF9C85} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.a11y-bar){background:#221A38;color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.section-paper,.section-sage,.section-tight,.cp-cream,.cp-aqua,.cp-gold,.cp-coral,.cp-green){background-color:#1E1733!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.card,.pathway-card,.lesson-card,.term-card,.app-card,.article-tile,.figure,.figure figcaption,.framework .step,.gays-desk,.gays-desk.has-portrait,.tool-panel,.stat-block,table,.term-card .term-use,.dl-card,.resource-card,.faq details,.transcript,.notice,.safety-note,.quote-block,.welcome-band,.h6-pad,.try-box,.cta-panel,.h6-stat,.h6-papers a,.card-never,.card-ok,.tool-output,.ws-block){background-color:#221A38!important;background-image:none!important;color:#EEE9F5;border-color:rgba(238,233,245,.22)} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.term-of-day){background:linear-gradient(135deg,#2A2142,#2E2418)} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.chip,.chip-gold,.chip-coral,.tag,.dl-card .tag.soon){background:#2A2142;color:#FFD27A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) a{color:#FFB4A3} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) a:hover{color:#FFFFFF} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .site-nav a{color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .site-nav a[aria-current="page"],.site-nav a:hover{background:#FFB4A3;color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .brand-alt{color:#FFB4A3} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .btn-primary{background:#FFB4A3;border-color:#FFB4A3;color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .btn-primary:hover{background:#FFD2C7;border-color:#FFD2C7;color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .btn-gold{background:#F5A623;border-color:#F5A623;color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.btn-outline,.btn-outline-navy){background:transparent;color:#EEE9F5;border-color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.a11y-btn,.a11y-bar select,.copy-btn,input,select,textarea){background:#17112A;color:#EEE9F5;border-color:rgba(238,233,245,.45)} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .a11y-btn[aria-pressed="true"]{background:#FFB4A3;color:#17112A;border-color:#FFB4A3} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .lesson-num{background:#FFB4A3;color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.optin,.h6-optin,.cs-box){background:#221A38!important;background-image:none!important;color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .cs-d{color:#fff} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .nav-toggle{background:#2A2142;color:#EEE9F5;border-color:rgba(238,233,245,.45)} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .welcome-vid{background:#000} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) [style*="color:#555"]{color:#C9BEDB!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .gay-note button.gn-play{background:#FFB4A3;color:#17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.eyebrow,.pathway-kicker,.privacy-flag,.try-k,.margin-note,.framework .step h3,.cs-k){color:#FFB4A3!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .framework .step:nth-child(2) h3,html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .pathway-card:nth-child(2) .pathway-kicker{color:#7FE0C8!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .framework .step:nth-child(4) h3{color:#FFD27A!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) [style*="color:var(--gold)"]{color:#FFD27A!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .safety-note{border-color:#FFD27A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .safety-note :is(h3,h4){color:#FFD27A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .listen-status{color:#FFD27A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) body.is-listening .a11y-bar .listen-controls{background:#221A38;border-color:#FFD27A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .a11y-bar .a11y-label{color:#C9BEDB} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .transcript summary,html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .gay-panel .gp-transcript{color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .transcript .tx-note,html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .gay-panel .gp-transcript strong{color:#C9BEDB} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .gay-panel,html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .gay-bubble{background:#221A38;color:#EEE9F5} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .gay-panel .gp-caption{color:#C9BEDB} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :focus-visible{outline-color:#FFD27A!important;box-shadow:0 0 0 2px #17112A} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) img:not([src$=".svg"]){filter:brightness(.92)} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .reading-now{background:#3A3216!important;color:#FFF7D6!important;box-shadow:0 0 0 .35rem #3A3216,0 0 0 calc(.35rem + 3px) #F5A623} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .reading-now *{color:#FFF7D6!important} } /* 6c · Extra contrast — chosen in the Colors menu */ html[data-theme="contrast"]{--ink:#000;--ink-soft:#000;--ink-70:#000;--navy:#000;--teal-v6:#7A1F0C;--teal:#7A1F0C;--teal-dark:#5C1608; --wash:#fff;--paper:#fff;--cream:#fff;--sage:#fff;--line:#000;--line-soft:#000;--sand-tint:#fff;--aqua-tint:#fff} html[data-theme="contrast"] body{background:#fff;color:#000} html[data-theme="contrast"] :is(main,.a11y-bar,.site-header) :is(p,li,dd,td,th,figcaption,small,.small,.lede,.caption,.eyebrow,.pathway-kicker,.a11y-label,.privacy-flag,.framework .step h3,.margin-note,.try-k,h1,h2,h3,h4,strong,b,em,span:not(.brand-alt)){color:#000!important} html[data-theme="contrast"] :is(.section-navy,.optin,.h6-optin,.cs-box,.page-hero-navy,.top-hero.cine,.h6-stat,.ws-block,.tool-output,.card-never,.card-ok){background:#fff!important;background-image:none!important;color:#000} html[data-theme="contrast"] main [style*="color"]{color:#000!important} html[data-theme="contrast"] .stat-number{-webkit-text-fill-color:#000!important;color:#000!important} html[data-theme="contrast"] :is(.top-hero,.top-hero.cine,.page-hero,.section-paper,.section-sage,.a11y-bar,.site-header,.welcome-band,.term-of-day,.cp-cream,.cp-aqua,.cp-gold,.cp-coral,.cp-green){background:#fff!important} html[data-theme="contrast"] :is(.card,.pathway-card,.lesson-card,.term-card,.app-card,.article-tile,.framework .step,.gays-desk,.tool-panel,.dl-card,.notice,.safety-note,.transcript,.try-box,table){background:#fff!important;border:2px solid #000!important} html[data-theme="contrast"] main a:not(.btn){color:#7A1F0C;text-decoration:underline;text-decoration-thickness:2px} html[data-theme="contrast"] .btn-primary{background:#000;border-color:#000;color:#fff} html[data-theme="contrast"] :is(.btn-outline,.btn-outline-navy,.a11y-btn,.a11y-bar select){border:2px solid #000;color:#000;background:#fff} html[data-theme="contrast"] .a11y-btn[aria-pressed="true"]{background:#000;color:#fff} html[data-theme="contrast"] body.is-listening .a11y-bar .listen-controls{border:3px solid #000} html[data-theme="contrast"] .top-hero.cine .cine-scrim{background:rgba(255,255,255,.97)!important} html[data-theme="contrast"] :focus-visible{outline:4px solid #000!important;box-shadow:0 0 0 3px #fff,0 0 0 9px #F5A623} /* 6d · Extra contrast — device asks for more contrast (Colors = Automatic, light) */ @media (prefers-contrast: more) and (prefers-color-scheme: light){ html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]){--ink:#000;--ink-soft:#000;--ink-70:#000;--navy:#000;--teal-v6:#7A1F0C;--teal:#7A1F0C;--teal-dark:#5C1608; --wash:#fff;--paper:#fff;--cream:#fff;--sage:#fff;--line:#000;--line-soft:#000;--sand-tint:#fff;--aqua-tint:#fff} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) body{background:#fff;color:#000} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(main,.a11y-bar,.site-header) :is(p,li,dd,td,th,figcaption,small,.small,.lede,.caption,.eyebrow,.pathway-kicker,.a11y-label,.privacy-flag,.framework .step h3,.margin-note,.try-k,h1,h2,h3,h4,strong,b,em,span:not(.brand-alt)){color:#000!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.section-navy,.optin,.h6-optin,.cs-box,.page-hero-navy,.top-hero.cine,.h6-stat,.ws-block,.tool-output,.card-never,.card-ok){background:#fff!important;background-image:none!important;color:#000} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) main [style*="color"]{color:#000!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .stat-number{-webkit-text-fill-color:#000!important;color:#000!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.top-hero,.top-hero.cine,.page-hero,.section-paper,.section-sage,.a11y-bar,.site-header,.welcome-band,.term-of-day,.cp-cream,.cp-aqua,.cp-gold,.cp-coral,.cp-green){background:#fff!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.card,.pathway-card,.lesson-card,.term-card,.app-card,.article-tile,.framework .step,.gays-desk,.tool-panel,.dl-card,.notice,.safety-note,.transcript,.try-box,table){background:#fff!important;border:2px solid #000!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) main a:not(.btn){color:#7A1F0C;text-decoration:underline;text-decoration-thickness:2px} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .btn-primary{background:#000;border-color:#000;color:#fff} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :is(.btn-outline,.btn-outline-navy,.a11y-btn,.a11y-bar select){border:2px solid #000;color:#000;background:#fff} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .a11y-btn[aria-pressed="true"]{background:#000;color:#fff} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) body.is-listening .a11y-bar .listen-controls{border:3px solid #000} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) .top-hero.cine .cine-scrim{background:rgba(255,255,255,.97)!important} html:not([data-theme="light"]):not([data-theme="dark"]):not([data-theme="contrast"]) :focus-visible{outline:4px solid #000!important;box-shadow:0 0 0 3px #fff,0 0 0 9px #F5A623} } /* 6e · Windows Contrast Themes and other forced-colour modes */ @media (forced-colors: active){ .a11y-btn,.btn,.copy-btn,.a11y-bar select,.gn-play,.gp-play,.gp-close{border:2px solid ButtonText!important} .a11y-btn[aria-pressed="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText} :focus-visible{outline:3px solid Highlight!important;box-shadow:none} .reading-now{forced-color-adjust:none;background:Highlight!important;color:HighlightText!important;box-shadow:none} .reading-now *{color:HighlightText!important} .card,.pathway-card,.lesson-card,.term-card,.safety-note,.notice,.transcript{border:1px solid CanvasText!important} img[src*="pause-sign"]{forced-color-adjust:none} }