/* v4.9.30 — Accessibility suite. Self-contained; no external calls. */ /* ---- header control (sits beside .bd-translate in .site-navigation) ---- */ .bd-a11y{position:relative;display:inline-flex;align-items:center;flex-shrink:0;margin-right:.15rem} .bd-a11y__btn-main{ display:inline-flex;align-items:center;gap:.45em; padding:.38em .95em;font:inherit;font-weight:600;line-height:1.2;font-size:.85rem; color:var(--gold-deep,#104532);background:#fff;border:1px solid var(--gold-line,#96794A); border-radius:999px;cursor:pointer;white-space:nowrap; } .bd-a11y__btn-main:hover{background:#fff;border-color:var(--gold-deep,#104532)} .bd-a11y__btn-main:focus-visible{outline:2px solid var(--gold-deep,#104532);outline-offset:2px} .bd-a11y__glyph{font-size:1rem;line-height:1} .bd-a11y__panel{ position:absolute;top:calc(100% + .55rem);right:0;z-index:99990; width:min(92vw,330px);max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain; background:var(--paper,#FAFAF7);color:var(--ink,#303532); border:1px solid var(--line-dark,#D9D4C4);border-radius:14px;padding:1rem; box-shadow:0 24px 60px -24px rgba(16,69,50,.45);text-align:left; } .bd-a11y__panel[hidden]{display:none} .bd-a11y__title{margin:0 0 .7rem;font-weight:700;font-size:.95rem;letter-spacing:.02em} .bd-a11y__row{margin:0 0 .85rem} .bd-a11y__rowlabel{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted,#5C6660);margin-bottom:.35rem} .bd-a11y__seg{display:flex;gap:.35rem;flex-wrap:wrap} .bd-a11y__opt{ display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:9px; border:1px solid var(--line-dark,#D9D4C4);background:#fff;color:var(--ink,#303532); font:600 .8rem/1 inherit;cursor:pointer; } .bd-a11y__opt:hover{border-color:var(--gold,#145A43)} .bd-a11y__opt[aria-pressed="true"],.bd-a11y__opt.is-on{background:var(--gold,#145A43);border-color:var(--gold,#145A43);color:#fff} .bd-a11y__opt--go{background:var(--gold,#145A43);border-color:var(--gold,#145A43);color:#fff} .bd-a11y__opt--reset{margin-top:.2rem;width:100%;justify-content:center} .bd-a11y__speed{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.78rem;color:var(--muted,#5C6660)} .bd-a11y__speed input{flex:1} .bd-a11y__status{margin:.45rem 0 0;font-size:.75rem;color:var(--muted,#5C6660);min-height:1em} .bd-a11y__opt[disabled]{opacity:.55;cursor:default} .bd-a11y__opt[disabled]:hover{border-color:var(--line-dark,#D9D4C4)} @media (max-width:782px){ .bd-a11y__label{display:none} .bd-a11y__btn-main{padding:.34em .6em} .bd-a11y__panel{right:auto;left:0} } /* ---- text size (theme is rem-based, so everything scales) ---- */ html[data-bd-text="sm"]{font-size:93.75%} html[data-bd-text="lg"]{font-size:112.5%} html[data-bd-text="xl"]{font-size:125%} /* ---- dark mode: chrome only ---- */ html[data-bd-theme="dark"]{ --paper:#14171A; --ivory:#191D20; --warm-ivory:#191D20; --cream:#1E2327; --champagne:#232A2E; --charcoal:#EDF1EF; --ink:#EDF1EF; --body:#DCE3DF; --muted:#A9B4AE; --line:#2C3438; --line-dark:#39434A; --gold:#3FA57E; --gold-deep:#6FD3AC; --gold-soft:#8FBFA6; --gold-faint:#1B2A25; --accent:#3FA57E; --accent-dark:#6FD3AC; --white:#14171A; --text-muted:#A9B4AE; --border-gold:#3A4A43; --champagne-light:#1B2320; background:#14171A;color:#DCE3DF; } html[data-bd-theme="dark"] body{background:#14171A;color:#DCE3DF} html[data-bd-theme="dark"] .site-header, html[data-bd-theme="dark"] .site-footer, html[data-bd-theme="dark"] .card, html[data-bd-theme="dark"] .page-banner{background:#191D20;border-color:#2C3438} html[data-bd-theme="dark"] img{filter:brightness(.94)} /* the header control itself in dark mode */ html[data-bd-theme="dark"] .bd-a11y__panel{background:#191D20;color:#EDF1EF;border-color:#39434A} html[data-bd-theme="dark"] .bd-a11y__opt{background:#232A2E;color:#EDF1EF;border-color:#39434A} html[data-bd-theme="dark"] .bd-a11y__opt[aria-pressed="true"], html[data-bd-theme="dark"] .bd-a11y__opt--go{background:#3FA57E;border-color:#3FA57E;color:#08110D} html[data-bd-theme="dark"] .bd-a11y__btn-main{background:#232A2E;color:#EDF1EF;border-color:var(--gold-line,#8FBFA6)} /* ---- high contrast ---- */ html[data-bd-contrast="high"]{--body:#111;--muted:#333;--line:#000;--line-dark:#000;--ink:#000;--charcoal:#000} html[data-bd-contrast="high"] a{text-decoration:underline !important;text-underline-offset:3px} html[data-bd-contrast="high"] .bd-a11y__opt, html[data-bd-contrast="high"] .bd-a11y__btn-main, html[data-bd-contrast="high"] .bd-translate__btn, html[data-bd-contrast="high"] .card, html[data-bd-contrast="high"] input, html[data-bd-contrast="high"] select{border-width:2px !important;border-color:#000 !important} html[data-bd-contrast="high"][data-bd-theme="dark"]{--body:#fff;--muted:#E6E6E6;--line:#fff;--line-dark:#fff;--ink:#fff;--charcoal:#fff} html[data-bd-contrast="high"][data-bd-theme="dark"] .bd-a11y__opt, html[data-bd-contrast="high"][data-bd-theme="dark"] .bd-a11y__btn-main, html[data-bd-contrast="high"][data-bd-theme="dark"] .bd-translate__btn, html[data-bd-contrast="high"][data-bd-theme="dark"] .card, html[data-bd-contrast="high"][data-bd-theme="dark"] input, html[data-bd-contrast="high"][data-bd-theme="dark"] select{border-color:#fff !important} /* ---- focus visibility ---- */ :focus-visible{outline:3px solid var(--gold,#145A43);outline-offset:2px} /* ---- v4.9.31: section + voice pickers, and heading "listen" buttons ---- */ .bd-a11y__field{display:block;margin:.1rem 0 .5rem} .bd-a11y__fieldlabel{display:block;font-size:.72rem;color:var(--muted,#5C6660);margin-bottom:.25rem} .bd-a11y__select{ width:100%;padding:.42rem .55rem;font:inherit;font-size:.82rem;line-height:1.3; color:var(--ink,#303532);background:#fff;border:1px solid var(--line-dark,#D9D4C4);border-radius:8px; } .bd-a11y__select:focus-visible{outline:2px solid var(--gold,#145A43);outline-offset:1px} .bd-a11y__hint{margin:.35rem 0 0;font-size:.72rem;line-height:1.4;color:var(--muted,#5C6660)} html[data-bd-theme="dark"] .bd-a11y__select{background:#232A2E;color:#EDF1EF;border-color:#39434A} /* small speaker button injected before each heading in the article */ .bd-a11y-sect-btn{ display:inline-flex;align-items:center;justify-content:center; width:1.5em;height:1.5em;margin-right:.35em;padding:0;vertical-align:middle; font-size:.72em;line-height:1;cursor:pointer; color:var(--gold-deep,#104532);background:transparent; border:1px solid var(--line-dark,#D9D4C4);border-radius:6px;opacity:.55; transition:opacity .15s ease,background .15s ease; } .bd-a11y-sect-btn:hover,.bd-a11y-sect-btn:focus-visible{opacity:1;background:var(--gold-faint,#EAF0EC)} /* v4.9.127 — the section listen button now sits BESIDE the heading, in a flex row, instead of inside it. A button inside an h2/h3 joins the heading's accessible name and its text; outside, the heading keeps its own clean text and outline. The button also takes an explicit size, since it no longer inherits the heading's font-size (it used to be .72em of the heading). */ .bd-a11y-sect-head{display:flex;align-items:center;gap:.35em} .bd-a11y-sect-head > .bd-a11y-sect-btn{flex:0 0 auto;align-self:center;margin-right:0;font-size:1.05rem} .bd-a11y-sect-head > .bd-a11y-sect-btn svg{width:1em;height:1em;display:block} .bd-a11y-sect-head > h1,.bd-a11y-sect-head > h2,.bd-a11y-sect-head > h3, .bd-a11y-sect-head > h4,.bd-a11y-sect-head > h5,.bd-a11y-sect-head > h6{flex:1 1 auto;min-width:0} .bd-a11y-sect-btn.is-playing{opacity:1;background:var(--gold,#145A43);color:#fff;border-color:var(--gold,#145A43)} @media (hover:none){ .bd-a11y-sect-btn{opacity:.8} } /* v4.9.34 — voice search box */ #bd-a11y-voice-search{margin-bottom:.35rem} #bd-a11y-voice{max-height:11rem} /* v4.9.40 — the imported tool/news content carries its own byline (.bd-byline) while the theme already renders a fuller .entry-meta, so the page showed two. Keep the theme's; hide the content's. */ body.single-bd_tool .entry-content .bd-byline, body.single-bd_tool .bd-tool .bd-byline { display: none !important; } /* ===================================================================== v4.9.110 — nine more options for the header accessibility panel. Everything is driven by data-bd-* attributes on , set by assets/js/accessibility.js and remembered in localStorage. ===================================================================== */ /* ---- 1. legible reading font (Atkinson Hyperlegible, SIL OFL) ---- Self-hosted, so it works offline and leaks nothing to a third party. The files sit in assets/fonts/; this stylesheet is one level down. */ @font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/AtkinsonHyperlegible-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/AtkinsonHyperlegible-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap} @font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/AtkinsonHyperlegible-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap} @font-face{font-family:"Atkinson Hyperlegible";src:url("../fonts/AtkinsonHyperlegible-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap} html[data-bd-font="legible"]{ --font-sans:"Atkinson Hyperlegible",Verdana,Tahoma,"DejaVu Sans",sans-serif !important; --font-serif:"Atkinson Hyperlegible",Verdana,Tahoma,"DejaVu Sans",sans-serif !important; } html[data-bd-font="legible"] body, html[data-bd-font="legible"] button, html[data-bd-font="legible"] input, html[data-bd-font="legible"] select, html[data-bd-font="legible"] textarea, html[data-bd-font="legible"] .bd-a11y__opt{ font-family:"Atkinson Hyperlegible",Verdana,Tahoma,"DejaVu Sans",sans-serif; } /* ---- 2. comfortable text spacing ---- */ html[data-bd-spacing="comfortable"] body{letter-spacing:.055em;word-spacing:.17em} html[data-bd-spacing="comfortable"] p, html[data-bd-spacing="comfortable"] li, html[data-bd-spacing="comfortable"] dd, html[data-bd-spacing="comfortable"] blockquote, html[data-bd-spacing="comfortable"] .entry-content{ line-height:1.85 !important; } html[data-bd-spacing="comfortable"] p, html[data-bd-spacing="comfortable"] blockquote{margin-bottom:1.5em !important} /* ---- 3. left-align reading text ---- */ html[data-bd-align="left"] p, html[data-bd-align="left"] li, html[data-bd-align="left"] dd, html[data-bd-align="left"] dt, html[data-bd-align="left"] blockquote, html[data-bd-align="left"] figcaption, html[data-bd-align="left"] td, html[data-bd-align="left"] th, html[data-bd-align="left"] h1, html[data-bd-align="left"] h2, html[data-bd-align="left"] h3, html[data-bd-align="left"] h4, html[data-bd-align="left"] h5, html[data-bd-align="left"] h6{text-align:left !important} /* ---- 4. highlight links ---- */ html[data-bd-links="on"] a{ background:rgba(255,209,0,.42) !important; text-decoration:underline !important; text-underline-offset:.18em; border-radius:2px; } html[data-bd-theme="dark"][data-bd-links="on"] a{background:rgba(255,209,0,.26) !important} /* ---- 5. highlight headings ---- */ html[data-bd-headings="on"] h1, html[data-bd-headings="on"] h2, html[data-bd-headings="on"] h3, html[data-bd-headings="on"] h4, html[data-bd-headings="on"] h5, html[data-bd-headings="on"] h6{ background:rgba(20,90,67,.11) !important; box-shadow:inset 4px 0 0 var(--gold,#145A43); padding-left:.5em; } html[data-bd-theme="dark"][data-bd-headings="on"] h1, html[data-bd-theme="dark"][data-bd-headings="on"] h2, html[data-bd-theme="dark"][data-bd-headings="on"] h3, html[data-bd-theme="dark"][data-bd-headings="on"] h4, html[data-bd-theme="dark"][data-bd-headings="on"] h5, html[data-bd-theme="dark"][data-bd-headings="on"] h6{background:rgba(63,165,126,.18) !important} /* ---- 6. greyscale ---- */ html[data-bd-grey="on"]{filter:grayscale(1)} /* ---- 7. colour-vision correction (daltonisation) ---- Not a simulation: it works out the colour error a red-green viewer cannot see and pushes it into the blue channel, which they can. */ html[data-bd-cvd="deuter"]{filter:url(#bd-cvd-deuter)} html[data-bd-cvd="protan"]{filter:url(#bd-cvd-protan)} html[data-bd-cvd="tritan"]{filter:url(#bd-cvd-tritan)} /* ---- 8. reduce motion ---- */ html[data-bd-motion="reduce"] *, html[data-bd-motion="reduce"] *::before, html[data-bd-motion="reduce"] *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; } /* ---- 9. bigger cursor ---- */ html[data-bd-cursor="big"], html[data-bd-cursor="big"] *{cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEG0lEQVR4nNSaX0hUWRzHvzPMLrqrsLssLLov677tsr4I7hIoOC/6sJCUbyGC2Evm3yQQDfJFo7L8C2URFpIPghb4kEqCFVJG9lYIkpWCIiJiBSUK9v3d5k7H4d5p/pwzjh/4cc7v3HPH33fOub/7u3f04oDjdRrc3d09TDuGA4AndICBl7G5FXAf0/73eDwbSFKcVuBPpX+I9oyispCkeCOYI4JExCEkIZEIEH6hTVHEESQZYQXMzs6q7ve0EYpoRBLhJGDX7oyOjiIvLw+bm5vq8XMUcYsW6eoZ5ZtBTE9PIzc3F4uLi+qwZKr7FPEj9hknAcHUyvRptfPz88jJycHMzIw6z097ShGZ2Eci3gbr6+vIz8/HyMiIOvw37TlFZGOfiGofb29vo6SkBG1tberwb7QnFFGIfSCmC7G5uRllZWWWoAA/0O5RxHEkmJgzycDAAPx+v5qh5LOuU8QFJJC4UqFLhjpNEcO075AA4s7lLhnqKO0RRfwEw2i5GblkqP9os6YLQW13U5cMJYWgiPgXhtBeDjhkqJ/xZTsZKQSN1DMOGUoKQbmwm6AZYwWZQ4aSuqRVdyFotKJ0yVBaC0HjJbFLhtJWCCakpnfJUFoKwYQ+lDhkqLgLQR8MUFBQ4HpsaWkJra2taGlpsYekEByniBN8/riKKNEuQFJoaWkpYuAKRSxQxEQ0J2kXkJ6ejjj4A1ES8zXQ1NRk5fjq6uo944ODg6FT5e3egwjsNm0UURLTCnR2dqK2ttbqd3d3Y3h4GMvLy5Y/NDSEjo4OZGYGM+Q1boubMETUK6AGb1NTU7PH7+npUd0GGCQqARJYaPBCZWUlUlJSgn5fXx+2trZs9x9enH4YImIBsi2qqqrUIfman0hHLtyKiorggY2NDfT396tza2CIiATIN19XV6cO9XJfS1Dn7YGGhr07paurS3WLTT3YhH21yD9qBR/yzUvwVuphe5fNa+lnZWWhuLg4OGlubg4TE8GULpVoHQzg9ANHC5uz0l9ZWUFGRoZ6uINBnwqZf5JNr/Snpqas5wCboqIijI2N2e4H2u88/x00EnYLhQTfGxp8gBu099KREiI7+2ttNj4+joWFBdtNo1VAM5FexMFtEwrHP7G5YvuNjXvfvre3t6vuKa6YBxoJu4UCuAavnCN3rbc0387OjnUTW1tbs46lpqZidXVVLTGO8vPuQBNOKzCn9C9/K3iBc+Q2PCR9n8+H+vr6r3/A68Xk5KQ6/SQ04rQCUt5KOfkmmsqQ5+WwsX7SkftAYWEhysvLrfo/LS1NnbrOz/0VmtC6HyniIZv8MFM+0mop4Do0ofuJ7JLL+CrtDC1DZ/CC1hUQuAov2fwVcF/RLjLoPhjChAB5nSj/pvBCZ7ZxQ7uARJMUP5XGw4EX8BkAAP//FMRwXgAAAAZJREFUAwDqXafHj4IK7AAAAABJRU5ErkJggg==") 6 3,auto !important} html[data-bd-cursor="big"] a, html[data-bd-cursor="big"] button, html[data-bd-cursor="big"] label, html[data-bd-cursor="big"] summary, html[data-bd-cursor="big"] [role="button"], html[data-bd-cursor="big"] input[type="submit"], html[data-bd-cursor="big"] input[type="button"], html[data-bd-cursor="big"] .bd-a11y__opt{cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEUElEQVR4nOxZXUgcVxT+1GqrRVrrT7vWKkXFoiLalkKfaosFIa0PSovFB22LCGKhYOmDIH2pD9v6Yq0IImH1IRCjISoEQTAakDxEkxBEEVSChjUk/sH6EyPBfHfcWWbX3N0ZZ8ZF2A8+zj13zr1zzv2fO9G44IjGBccbOEccHx9/SPER+TQqKmoFFuBcekA4Tj5g8jF5h1ym7iY/hUlEwWbQyQyK+2SKxOQr9sZt2r3L9Lfkx6SHfMj8aYSAZQHQgUKKL8g0co2cogOPmX+L6VLVbn5+Hvn5+dqiold+IK+SmQHVdrGOJgSBJQHQyT8pnAHZO+TvpEvNEI4vLCwgJSUFMzMzyMrKgg5cZhC/yh6angN0XrSQ8zWPxJBwqcrExITivMDGxgaGhoZOFdjZ2UFvby+mpqa02b/wHd9AAlMBsGIHRaeqr6ysoKurC2tra6dsd3d3/XSPx3PKpqysDPX19SgtLYXL5dI++hoSmO2BL9XE3NwciouL0dTUhIKCglOGDDZoRVtbW5idnfXpY2Nj2sefyMqZDcBX8cjIiK9VhZycnPR/UXTwVx0eHvrpe3t7WvVNWTmzG1mcmjg6OkIQB8CJCCMIsJcWvvBHiUgA4UYkgHAj8j2gF6E2shD20sLnFsCF2wcWFxdN6XphWw+0t7djdXUVSUlJ2N7exsDAgN/z4eFhNDQ0ID09HQcHBxgdHfV7HjCEXsreYzgAVvwWxfekOMz/pOYvLy/72a2vr6Ojo0Naz/7+Pnp6emAWhgLwfsNex4nzPohz/ODgIGyEdA7oDoDOv08xTr4X+Ky/v18ZBuGAkUlcDa/z4uze3d2tSMHOzk5Yjfj4eK26J7MzEsAHakK0eGNjI7KzsxUuLS3BaqSlpWnVpzI7IwHcUxOVlZWIiYlRxr6gHUhNTdWqz2R2ugPgxnKNwi3SmZmZqKmpgZ1ITk7Wqk9kdkY3Mt/tQ2trq+Hd1QgChpD5HvBCLNwbIpGTk4Pq6mrYhaKiIq0qnQOGm5DL6R8U/4q0mLy5ubmwGg6HA263W1VfkO+wt5+/zvYsZ6H/cXLrpvRCVVUVrEZFRYVWnZA5L2A4AG9l/6i6mAtWo7y8XKveCGZ7plnIYfQ2Ti5lxfWhciiz4lwjIO6PxL1SQkKCmuVgo1m2CilghWJn/EvVnU5n4LJ3ZjQ3N2udnwnmvOILTIA9cZfic5Hu6+tDXV0dzKCwsFC5XoyL892XXWIAN4OVMftB8zO8Z/Xa2lq0tLTgrIiNjVVOtBrnB0I5L2AqAL5gjuI/VW9ra1OuxxMTE2EEYviNj48jLy9Pzdomf9NT1qofHOLvyo+qLu7/xeo0PT2trOebm5vSsiUlJcrFcEZGhja7ho1zBTpg5S8m0RO6Wi0EGui87iXN0sMMgxAL+N/kZzCOR2Qlnb9vpJAtpzEG8h3FJTLPy/QQRcRnah2d98AgbP/Najcid6PhRiSAcOMVAAAA//+H5tB6AAAABklEQVQDAKkJaunPFN+fAAAAAElFTkSuQmCC") 20 7,pointer !important} html[data-bd-cursor="big"] input:not([type="submit"]):not([type="button"]), html[data-bd-cursor="big"] select, html[data-bd-cursor="big"] textarea{cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEG0lEQVR4nNSaX0hUWRzHvzPMLrqrsLssLLov677tsr4I7hIoOC/6sJCUbyGC2Evm3yQQDfJFo7L8C2URFpIPghb4kEqCFVJG9lYIkpWCIiJiBSUK9v3d5k7H4d5p/pwzjh/4cc7v3HPH33fOub/7u3f04oDjdRrc3d09TDuGA4AndICBl7G5FXAf0/73eDwbSFKcVuBPpX+I9oyispCkeCOYI4JExCEkIZEIEH6hTVHEESQZYQXMzs6q7ve0EYpoRBLhJGDX7oyOjiIvLw+bm5vq8XMUcYsW6eoZ5ZtBTE9PIzc3F4uLi+qwZKr7FPEj9hknAcHUyvRptfPz88jJycHMzIw6z097ShGZ2Eci3gbr6+vIz8/HyMiIOvw37TlFZGOfiGofb29vo6SkBG1tberwb7QnFFGIfSCmC7G5uRllZWWWoAA/0O5RxHEkmJgzycDAAPx+v5qh5LOuU8QFJJC4UqFLhjpNEcO075AA4s7lLhnqKO0RRfwEw2i5GblkqP9os6YLQW13U5cMJYWgiPgXhtBeDjhkqJ/xZTsZKQSN1DMOGUoKQbmwm6AZYwWZQ4aSuqRVdyFotKJ0yVBaC0HjJbFLhtJWCCakpnfJUFoKwYQ+lDhkqLgLQR8MUFBQ4HpsaWkJra2taGlpsYekEByniBN8/riKKNEuQFJoaWkpYuAKRSxQxEQ0J2kXkJ6ejjj4A1ES8zXQ1NRk5fjq6uo944ODg6FT5e3egwjsNm0UURLTCnR2dqK2ttbqd3d3Y3h4GMvLy5Y/NDSEjo4OZGYGM+Q1boubMETUK6AGb1NTU7PH7+npUd0GGCQqARJYaPBCZWUlUlJSgn5fXx+2trZs9x9enH4YImIBsi2qqqrUIfman0hHLtyKiorggY2NDfT396tza2CIiATIN19XV6cO9XJfS1Dn7YGGhr07paurS3WLTT3YhH21yD9qBR/yzUvwVuphe5fNa+lnZWWhuLg4OGlubg4TE8GULpVoHQzg9ANHC5uz0l9ZWUFGRoZ6uINBnwqZf5JNr/Snpqas5wCboqIijI2N2e4H2u88/x00EnYLhQTfGxp8gBu099KREiI7+2ttNj4+joWFBdtNo1VAM5FexMFtEwrHP7G5YvuNjXvfvre3t6vuKa6YBxoJu4UCuAavnCN3rbc0387OjnUTW1tbs46lpqZidXVVLTGO8vPuQBNOKzCn9C9/K3iBc+Q2PCR9n8+H+vr6r3/A68Xk5KQ6/SQ04rQCUt5KOfkmmsqQ5+WwsX7SkftAYWEhysvLrfo/LS1NnbrOz/0VmtC6HyniIZv8MFM+0mop4Do0ofuJ7JLL+CrtDC1DZ/CC1hUQuAov2fwVcF/RLjLoPhjChAB5nSj/pvBCZ7ZxQ7uARJMUP5XGw4EX8BkAAP//FMRwXgAAAAZJREFUAwDqXafHj4IK7AAAAABJRU5ErkJggg==") 6 3,text !important} /* ---- 10. reading ruler / mask ---- A clear band that follows the pointer, with the rest dimmed. Sits BELOW the panel (z-index) so the panel is never dimmed. */ .bd-a11y-ruler{ position:fixed;left:0;right:0;height:2.6em; pointer-events:none;z-index:99980;display:none; border-top:1px solid rgba(0,0,0,.35); border-bottom:1px solid rgba(0,0,0,.35); box-shadow:0 0 0 100vmax rgba(0,0,0,.42); } html[data-bd-ruler="on"] .bd-a11y-ruler{display:block} /* ---- panel tidy-up: the nine new options sit in two columns, and the panel is a little wider, so it stays compact instead of one button per line. ---- */ .bd-a11y__panel{width:min(92vw,352px)} .bd-a11y__grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem} .bd-a11y__grid .bd-a11y__opt{justify-content:center;padding:.45rem .5rem;font-size:.78rem;text-align:center} @media (max-width:400px){.bd-a11y__grid{grid-template-columns:1fr}} /* --------------------------------------------------------- v4.9.112 - make the `hidden` attribute actually hide. The browser's [hidden]{display:none} is a USER-agent rule, so any author rule that sets `display` on the same element overrides it. That left the Pause and Stop buttons and the Speed slider on screen when they should only appear while the read-aloud is playing. Scored 0-2-0 against .bd-a11y__opt's 0-1-0, so no !important is needed, and it covers anything added here later. --------------------------------------------------------- */ .bd-a11y [hidden] { display: none; } /* v4.9.140 - the section speaker button now toggles (the owner: it had no way to switch off). Give the playing state an unmistakable look, and a title so the hover tooltip says which way it will go. */ .bd-a11y-sect-btn.is-playing { background: var(--gold, #145A43); border-color: var(--gold, #145A43); color: #FAFAF7; } .bd-a11y-sect-btn.is-playing svg { animation: none; } html[data-bd-theme="dark"] .bd-a11y-sect-btn.is-playing { background: var(--emerald, #3FA57E); border-color: var(--emerald, #3FA57E); color: #14171A; }