/* Shared across the theme, section templates, and the PDF reader. */
#mg-access-fallback:not([hidden]){position:fixed;inset-block-start:1rem;inset-inline-end:1rem;z-index:1000;padding:.6em 1em;background:var(--surface,#fff);color:var(--fg,#20252a);border:1px solid currentColor;font:inherit;cursor:pointer}
#accessibility{box-sizing:border-box;width:min(40rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1rem;background:var(--bg,#fff);color:var(--fg,#20252a);border:1px solid currentColor;font:1rem/1.65 system-ui,sans-serif;overflow-wrap:anywhere}
#accessibility *{box-sizing:border-box;min-width:0}
#accessibility::backdrop{background:#0008}
#accessibility .dialog-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
#accessibility .dialog-head h2{font-size:1.125em;margin:0}
#accessibility .setting{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-block:1.25rem}
#accessibility :is(button,select,input){font:inherit;color:inherit;background:var(--surface,#fff)}
#accessibility :is(button,select){padding:.5em .75em;border:1px solid currentColor;max-width:100%}
#accessibility input[type=checkbox]{width:1.25em;height:1.25em;accent-color:var(--accent,#7b2435)}
#accessibility :focus-visible,#mg-access-fallback:focus-visible{outline:3px solid var(--accent,#7b2435);outline-offset:3px}
body[data-colors=dark]{--bg:#13171a;--fg:#fff;--surface:#22282e;--muted:#d1d5d9;--line:#66717a;--accent:#ffb7c4}
body[data-colors=light]{--bg:#fff;--fg:#000;--surface:#fff;--muted:#222;--line:#555;--accent:#000}
body:is([data-colors=dark],[data-colors=light]){background:var(--bg)!important;color:var(--fg)!important}
body:is([data-colors=dark],[data-colors=light]) :is(header,footer,main,section,article,aside,nav,div,details,summary,table,thead,tbody,tr,td,th,button,input,textarea,select,dialog){background-color:var(--bg)!important;background-image:none!important;color:var(--fg)!important;border-color:var(--line)!important}
body:is([data-colors=dark],[data-colors=light]) :is(a,p,span,h1,h2,h3,h4,h5,h6,li,dd,dt,label,small,strong,time){color:var(--fg)!important}
body[data-text-spacing=true] :is(main,header,footer,dialog) *{letter-spacing:.08em!important;line-height:1.9!important}
body[data-hide-images=true] img{display:none!important}
.access-image-alternative{display:none}
body[data-hide-images=true] .access-image-alternative{display:inline;overflow-wrap:anywhere}
body:not([data-text-size="100"]) main :is(p,li,td,th,dd,dt,label,small){font-size:1rem!important}
body:not([data-text-size="100"]){font-size:1rem!important}
body:not([data-text-size="100"]) #pdf-reader :is(.pdf-controls,.pdf-header nav){font-size:1rem!important}
body:not([data-text-size="100"]) #pdf-reader h1{font-size:1.5rem}
#pdf-reader .pdf-header nav,#pdf-reader .pdf-controls label{flex-wrap:wrap}
@media(max-width:600px){#accessibility .setting select{width:100%}}