/* Shared source-level affordances and optional reading preferences. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #903716!important;outline-offset:4px!important;box-shadow:0 0 0 6px #fff!important}
:where(button,input,select,summary){min-height:24px;min-width:24px}
:where(a,button,input,select,textarea,summary){scroll-margin-block:110px 80px}
.mtt-access-footer{display:inline-block;margin:12px 0;text-underline-offset:4px;font-size:13px;line-height:1.6}
body:has(dialog[open]) #mtt-access-launcher{visibility:hidden}
#mtt-access-launcher{position:fixed;z-index:50;bottom:max(16px,env(safe-area-inset-bottom));left:16px;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 15px;border:2px solid white;border-radius:30px;background:#183e43;color:white;font:700 13px/1.3 Arial,sans-serif;box-shadow:0 3px 16px #183e4333;cursor:pointer}
#mtt-access-panel{position:fixed;inset:auto 16px 16px auto;margin:0;width:min(420px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #b7c7c3;border-radius:20px;background:#fbfaf5;color:#183e43;box-shadow:0 16px 60px #183e4340;font:15px/1.6 Arial,sans-serif;letter-spacing:normal;text-align:left}
#mtt-access-panel::backdrop{background:#122d3380}
#mtt-access-panel *{box-sizing:border-box}
#mtt-access-panel .mtt-access-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#mtt-access-panel .mtt-access-kicker{margin:0 0 7px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.5px}
#mtt-access-panel h2{margin:0;font:700 25px/1.2 Arial,sans-serif;letter-spacing:-.6px}
#mtt-access-panel h3{margin:0 0 7px;font:700 16px/1.4 Arial,sans-serif;letter-spacing:normal}
#mtt-access-close{border:1px solid #a0b3af;border-radius:50%;background:white;color:#183e43;min-width:44px;min-height:44px;font:26px/1 Arial,sans-serif;cursor:pointer}
#mtt-access-panel .mtt-access-intro{margin:18px 0;font-size:14px;line-height:1.6}
#mtt-access-panel .mtt-access-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#mtt-access-panel [data-access-option]{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px;border:1px solid #9eafab;border-radius:10px;background:white;color:#183e43;text-align:left;font:13px/1.5 Arial,sans-serif;cursor:pointer;min-width:0}
#mtt-access-panel [data-access-option] strong{font-size:14px;line-height:1.4}
#mtt-access-panel [data-access-option][aria-pressed=true]{background:#e5eee5;border:2px solid #185b60;padding:12px}
#mtt-access-panel .mtt-access-state{margin-top:auto;font-weight:700;font-size:12px}
#mtt-access-panel .mtt-access-bottom{margin:18px 0}
#mtt-access-reset{min-height:44px;padding:10px 15px;border:1px solid #183e43;border-radius:7px;background:white;color:#183e43;font:700 13px/1.5 Arial,sans-serif;cursor:pointer}
#mtt-access-status{margin:8px 0 0;font-size:13px;line-height:1.5;min-height:20px}
#mtt-access-panel .mtt-access-info{border-top:1px solid #b7c7c3;padding-top:17px}
#mtt-access-panel .mtt-access-info p{margin:0 0 12px;font-size:13px;line-height:1.6}
#mtt-access-panel a{color:#183e43;font-weight:700;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#mtt-access-panel .mtt-access-storage{margin:18px 0 0;font-size:12px;line-height:1.6}
#mtt-access-panel .mtt-read-aloud{padding:17px 0;margin:0 0 18px;border-block:1px solid #b7c7c3}
#mtt-access-panel .mtt-read-aloud p{font-size:13px;line-height:1.6;margin:8px 0 12px}
#mtt-access-panel .mtt-read-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
#mtt-access-panel .mtt-read-settings label{font-size:13px;font-weight:700;min-width:0}
#mtt-access-panel .mtt-read-settings select{display:block;width:100%;min-height:44px;margin-top:5px;padding:8px;border:1px solid #718c88;border-radius:7px;background:white;color:#183e43;font:14px/1.5 Arial,sans-serif;text-overflow:ellipsis}
#mtt-access-panel .mtt-read-buttons{display:flex;flex-wrap:wrap;gap:8px}
#mtt-access-panel .mtt-read-buttons button,.mtt-dialog-reader{min-height:44px;padding:10px 13px;border:1px solid #183e43;border-radius:7px;background:white;color:#183e43;font:700 13px/1.5 Arial,sans-serif;cursor:pointer;white-space:normal}
#mtt-access-panel #mtt-read-start{background:#183e43;color:white}
#mtt-access-panel .mtt-read-aloud button:disabled{opacity:.55;cursor:default}
#mtt-access-panel .mtt-read-note{font-size:12px;margin-bottom:0}
dialog>.mtt-dialog-reader{display:block;margin:0 48px 18px 0;max-width:calc(100% - 48px)}
.activity-toolbar .toolbar-actions{flex-wrap:wrap}
@media(max-width:380px){#mtt-access-panel .mtt-read-settings{grid-template-columns:1fr}}
html[data-mtt-links] a{text-decoration:underline!important;text-underline-offset:4px!important}
html[data-mtt-font] body :is(h1,h2,h3,h4,p,li,a,button,input,select,textarea,label,span){font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important}
html[data-mtt-text] :is(main p,main li,main label,main button,main input,main select,main textarea,dialog:not(#mtt-access-panel) p,dialog:not(#mtt-access-panel) label,dialog:not(#mtt-access-panel) button,dialog:not(#mtt-access-panel) textarea){font-size:max(1em,18px)!important;line-height:1.6!important}
html[data-mtt-text] .hero-actions{flex-wrap:wrap}
html[data-mtt-text] .hero-switch{width:100%;max-width:100%;white-space:normal;flex-wrap:wrap}
html[data-mtt-text] .hero-switch button{flex:1;white-space:normal}
html[data-mtt-spacing] :is(main p,main li,main label,dialog p,dialog label){line-height:1.8!important;letter-spacing:.08em!important;word-spacing:.16em!important}
html[data-mtt-spacing] :is(main p,dialog p){margin-block-end:1.2em!important}
html[data-mtt-contrast] body,html[data-mtt-contrast] body :not(img,svg,svg *,video,canvas){color:#102f34!important;border-color:#415e62!important;text-shadow:none!important}
html[data-mtt-contrast] body :is(header,footer,main,section,article,dialog,button,input,select,textarea,summary,.announcement,.card-art,.activity-card,.activity-stage,.activity-toolbar,.activity-instructions,.activity-end,.game-feedback,.scenario-context,.scenario-insight,.mtt-access-info){background:#fff!important;background-image:none!important}
html[data-mtt-contrast] [aria-pressed=true],html[data-mtt-contrast] [aria-selected=true]{outline:2px solid #102f34!important;outline-offset:-4px!important}
html[data-mtt-contrast] a{text-decoration:underline!important}
html[data-mtt-contrast] #mtt-access-launcher{background:white!important}
html[data-mtt-contrast] .photo-label{background:white!important;padding:5px 8px;border-radius:3px}
html[data-mtt-motion]{scroll-behavior:auto!important}
html[data-mtt-motion] *,html[data-mtt-motion] *::before,html[data-mtt-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:380px){#mtt-access-panel{padding:18px}#mtt-access-panel .mtt-access-controls{grid-template-columns:1fr}#mtt-access-launcher span{display:none}#mtt-access-launcher{padding:10px}}
@media print{#mtt-access-launcher,#mtt-access-panel,.mtt-access-footer{display:none!important}}
