
.eh-acc{box-sizing:border-box;font-family:"Nunito","Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.35;color:#1a3a0d;}
.eh-acc *{box-sizing:border-box;}
.eh-acc-btn{position:fixed;bottom:14px;inset-inline-start:14px;z-index:2147483647;width:44px;height:44px;border-radius:50%;border:2px solid #1a3a0d;background:#fff;color:#1a3a0d;font-weight:800;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18);padding:0;}
.eh-acc-btn:hover{background:#eaf5e4;}
.eh-acc-btn:focus-visible,.eh-acc-panel button:focus-visible{outline:3px solid #185FA5;outline-offset:2px;}
.eh-acc-panel{position:fixed;bottom:66px;inset-inline-start:14px;z-index:2147483647;width:min(320px,calc(100vw - 28px));max-height:calc(100vh - 90px);overflow:auto;background:#fff;color:#1a3a0d;border:2px solid #1a3a0d;border-radius:14px;padding:12px 14px 14px;box-shadow:0 8px 30px rgba(0,0,0,.25);}
.eh-acc-panel[hidden]{display:none;}
.eh-acc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.eh-acc-panel h2{font-size:17px;margin:0;font-weight:800;}
.eh-acc-panel h3{font-size:15px;margin:0 0 6px;font-weight:800;}
.eh-acc-x{width:36px;height:36px;border-radius:50%;border:1px solid #c9d8c2;background:#fff;color:#1a3a0d;font-size:22px;line-height:1;cursor:pointer;padding:0;}
.eh-acc-sw{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:4px 0;padding:6px 10px;border:1px solid #c9d8c2;border-radius:10px;background:#fff;color:inherit;font:inherit;font-weight:600;text-align:start;cursor:pointer;}
.eh-acc-sw::after{content:"";flex:0 0 auto;width:38px;height:22px;border-radius:11px;background:#9aa89a;position:relative;box-shadow:inset 0 0 0 2px #9aa89a,inset 18px 0 0 0 #fff;transition:background .15s,box-shadow .15s;}
.eh-acc-sw[aria-checked="true"]{border-color:#2e7d32;background:#f1f8ee;}
.eh-acc-sw[aria-checked="true"]::after{background:#2e7d32;box-shadow:inset 0 0 0 2px #2e7d32,inset -18px 0 0 0 #fff;}
.eh-acc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:4px 0;padding:6px 10px;border:1px solid #c9d8c2;border-radius:10px;}
.eh-acc-lbl{font-weight:600;}
.eh-acc-seg{display:flex;gap:4px;}
.eh-acc-seg button{min-height:32px;padding:4px 8px;border:1px solid #c9d8c2;border-radius:8px;background:#fff;color:inherit;font:inherit;font-size:13px;cursor:pointer;}
.eh-acc-seg button[aria-checked="true"]{background:#1a3a0d;color:#fff;border-color:#1a3a0d;}
.eh-acc-read{margin:10px 0 4px;padding:10px;border-radius:10px;background:#f1f8ee;border:1px solid #c9d8c2;}
.eh-acc-read[hidden]{display:none;}
.eh-acc-ctl{display:flex;gap:8px;}
.eh-acc-ctl button{flex:1;min-height:44px;border-radius:10px;border:1px solid #1a3a0d;background:#1a3a0d;color:#fff;font:inherit;font-weight:700;cursor:pointer;}
.eh-acc-ctl .eh-acc-stop{background:#fff;color:#1a3a0d;}
.eh-acc-ctl button[disabled]{opacity:.5;cursor:default;}
.eh-acc-hint{font-size:13px;margin:8px 0 0;color:#3b4d33;}
.eh-acc-reset{margin-top:8px;min-height:40px;width:100%;border-radius:10px;border:1px solid #c9d8c2;background:#fff;color:inherit;font:inherit;cursor:pointer;}

/* the chunk being read aloud */
html body .eh-reading{outline:3px solid #f5b400;outline-offset:3px;border-radius:4px;background-color:rgba(255,232,140,.5)!important;}

/* ---- settings, mirrored from localStorage as html[data-eh-*] ---- */
html[data-eh-font] body :not(code):not(pre):not(kbd):not(samp){font-family:"Atkinson Hyperlegible",Verdana,Arial,sans-serif!important;letter-spacing:.01em;}
html[data-eh-size="1"] body{zoom:1.12;}
html[data-eh-size="2"] body{zoom:1.25;}
html[data-eh-links] body a{text-decoration:underline!important;text-underline-offset:.15em;text-decoration-thickness:2px;}

/* high contrast: black text on white, no tinted surfaces, strong borders; explicit "0" opts out of the system preference */
html[data-eh-contrast="1"] body,
html[data-eh-contrast="1"] body :not(img):not(svg):not(svg *):not(video):not(iframe):not(canvas):not(input):not(select):not(textarea):not(.eh-acc-sw)::before,
html[data-eh-contrast="1"] body :not(img):not(svg):not(svg *):not(video):not(iframe):not(canvas):not(input):not(select):not(textarea):not(.eh-acc-sw)::after,
html[data-eh-contrast="1"] body :not(img):not(svg):not(svg *):not(video):not(iframe):not(canvas):not(input):not(select):not(textarea){color:#000!important;background-color:#fff!important;background-image:none!important;text-shadow:none!important;border-color:#000!important;box-shadow:none!important;opacity:1!important;}
html[data-eh-contrast="1"] body a{color:#0000c8!important;text-decoration:underline!important;}
html[data-eh-contrast="1"] body button,html[data-eh-contrast="1"] body [role="button"],html[data-eh-contrast="1"] body input,html[data-eh-contrast="1"] body select,html[data-eh-contrast="1"] body textarea{color:#000!important;background:#fff!important;border:2px solid #000!important;}
html[data-eh-contrast="1"] body [aria-pressed="true"],html[data-eh-contrast="1"] body [aria-checked="true"],html[data-eh-contrast="1"] body [aria-selected="true"],html[data-eh-contrast="1"] body .active{outline:3px solid #000!important;outline-offset:-3px;}
html[data-eh-contrast="1"] body :focus-visible{outline:3px solid #000!important;outline-offset:2px;}
html[data-eh-contrast="1"] body .eh-reading{outline:4px solid #000!important;outline-offset:3px;}
@media (prefers-contrast: more){
  html:not([data-eh-contrast]) body,
  html:not([data-eh-contrast]) body :not(img):not(svg):not(svg *):not(video):not(iframe):not(canvas):not(input):not(select):not(textarea):not(.eh-acc-sw)::before,
  html:not([data-eh-contrast]) body :not(img):not(svg):not(svg *):not(video):not(iframe):not(canvas):not(input):not(select):not(textarea):not(.eh-acc-sw)::after,
  html:not([data-eh-contrast]) body :not(img):not(svg):not(svg *):not(video):not(iframe):not(canvas):not(input):not(select):not(textarea){color:#000!important;background-color:#fff!important;background-image:none!important;text-shadow:none!important;border-color:#000!important;box-shadow:none!important;opacity:1!important;}
  html:not([data-eh-contrast]) body a{color:#0000c8!important;text-decoration:underline!important;}
  html:not([data-eh-contrast]) body button,html:not([data-eh-contrast]) body [role="button"],html:not([data-eh-contrast]) body input,html:not([data-eh-contrast]) body select,html:not([data-eh-contrast]) body textarea{color:#000!important;background:#fff!important;border:2px solid #000!important;}
  html:not([data-eh-contrast]) body :focus-visible{outline:3px solid #000!important;outline-offset:2px;}
}

/* reduced motion: the user's switch, or the system preference unless explicitly switched off */
html[data-eh-motion="1"] body *,html[data-eh-motion="1"] body *::before,html[data-eh-motion="1"] body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
@media (prefers-reduced-motion: reduce){
  html:not([data-eh-motion]) body *,html:not([data-eh-motion]) body *::before,html:not([data-eh-motion]) body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

@media print{.eh-acc-btn,.eh-acc-panel{display:none!important;}}

/* "Read aloud" button added by pages that call EhAccess.read() (game story/quiz screens) */
.eh-read-btn{display:inline-flex;align-items:center;min-height:36px;margin:0 0 10px;padding:6px 12px;border-radius:999px;border:1.5px solid #1a3a0d;background:#fff;color:#1a3a0d;font:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.eh-read-btn:hover{background:#eaf5e4;}
.eh-read-btn:focus-visible{outline:3px solid #185FA5;outline-offset:2px;}

/* V78: while the cookie banner is on screen the Aa button steps aside (it would sit on the banner buttons on phones) */
body:has(.eco-cc-banner.show:not(.wait)) .eh-acc-btn{display:none}
