/* Shared accessibility defaults for the editor, preview, and portable player. */
:root{font-size:100%}button,input,select,textarea,summary{font:inherit}button,summary{min-height:24px}button,a,input,select,textarea,summary{scroll-margin:24px}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #fff!important;outline-offset:2px!important;box-shadow:0 0 0 7px #242027!important}
.player-main:focus{outline:0}.player-main:focus-visible{outline:3px solid var(--course-accent,#5b3f5f);outline-offset:-4px}
.player-course-title{font-size:1.375rem;line-height:1.4;font-weight:700;margin:26px 0;overflow-wrap:anywhere}.player-shell>*{min-width:0}.player-footer{flex-wrap:wrap}.player-footer button{flex:0 1 auto;max-width:100%;white-space:normal}
.player-blocks .rich{line-height:1.7}.player-blocks .rich a,.dialog-body a{text-decoration:underline;text-underline-offset:.18em}.player-blocks .rich a.course-link{color:white}.content-list li::marker{color:inherit}
.player-blocks .image-overlay .image-copy{position:relative;margin-top:0;background:var(--course-ink,#2f2d32);color:white;max-height:none;overflow:visible;padding:24px;border-radius:0 0 8px 8px;pointer-events:auto}
.player-blocks .image-overlay .media-box img{border-radius:8px 8px 0 0}.player-blocks .custom-piece-media img{height:auto;min-height:0;object-fit:contain}
.player-blocks .custom-layout-xy .custom-pieces{height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));padding:16px;background:var(--course-pale,#f7e7dc);border:1px solid var(--course-border,#8a7b8d)}
.player-blocks .custom-layout-xy .custom-piece{position:relative;left:auto!important;top:auto!important;transform:none;width:auto;max-height:none;overflow:visible}.diagram-position{font-size:1rem;line-height:1.5}
.player-blocks .custom-layout-chat .custom-item-heading,.player-blocks .custom-quote-author{color:inherit}.player-blocks .custom-layout-pyramid .custom-piece{min-width:0}.player-blocks .studio-slides{min-width:0}
.player-blocks .activity-zone{min-width:24px;min-height:24px;touch-action:auto}.player-blocks .graphic-marker{touch-action:auto}.hazard-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.hazard-list button{padding:12px;border:2px solid var(--course-accent,#5b3f5f);border-radius:6px;background:var(--course-surface,#fbfaf7);color:var(--course-accent,#5b3f5f);text-align:left;line-height:1.5}
.speed-number-label{grid-column:1/-1;line-height:1.6}.speed-number-label input{display:block;width:100%;padding:10px;border:2px solid var(--course-border,#8a7b8d);border-radius:5px;background:white;color:var(--course-ink,#2f2d32)}.accessible-media{min-width:0}.accessible-media details{margin-top:16px}.media-transcript .rich{font-size:1rem;line-height:1.7}.accessible-media video,.accessible-media audio{max-width:100%}
.course-block .check-button,.course-block .continue-button,.course-block .course-link{outline:1px solid transparent;border:1px solid #fff;box-shadow:0 0 0 1px var(--course-ink,#2f2d32)}
.player-blocks .flashcard small{font-size:.875rem;letter-spacing:.04em}.player-blocks .edit-hint,.player-blocks .gate-message,.player-blocks .quiz-prompt{font-size:1rem;color:inherit}.course-dialog{max-height:90vh;overflow:auto}.dialog-body{overflow-wrap:anywhere}.studio-table-scroll{max-width:100%;overflow:auto}
.a11y-fields{border:1px solid var(--course-border,#8a7b8d);border-radius:6px;margin:20px 0;padding:12px;min-width:0}.a11y-fields legend{font-weight:700}.a11y-fields .field{margin:12px 0}.a11y-review-list{display:grid;gap:12px;padding:0;list-style:none}.a11y-review-list li{border:1px solid var(--course-border,#8a7b8d);border-left:5px solid #9c3540;background:var(--course-surface,#fbfaf7);border-radius:5px;padding:14px}.a11y-review-list p{margin:6px 0;line-height:1.6}.a11y-review-list small{font-size:14px;color:var(--course-muted,#625961)}.a11y-check{display:flex;align-items:flex-start;gap:12px;margin:18px 0;line-height:1.6}.a11y-check input{width:22px;height:22px;flex-shrink:0;margin-top:2px}.a11y-status{padding:15px;background:var(--course-tint,#f5ebce);color:var(--course-ink,#2f2d32);border-radius:6px;line-height:1.6}.inspector-tabs{flex-wrap:wrap}.topbar .top-actions{flex-wrap:wrap}
@media(max-width:420px){.player-main{padding:8px}.course-block{padding-left:16px;padding-right:16px}.matching-bank,.matching-workspace .matching-row{grid-template-columns:1fr}.player-cover,.lesson-hero{padding:24px 18px}.player-cover h1,.lesson-hero h1{font-size:1.75rem}.speed-answer{grid-template-columns:1fr}.speed-sign{max-width:110px;justify-self:center}.player-blocks .custom-layout-pyramid .custom-piece{width:100%}.activity-order .rich{flex-basis:60%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(forced-colors:active){button,input,select,summary,.answer-row,.matching-slot,.activity-zone,.graphic-marker,.custom-piece{border:2px solid ButtonText!important}.answer-result-icon,.activity-result,.sort-result{forced-color-adjust:auto} :focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}.answer-confetti{display:none}}

.rich mark{background:#ffe566;color:var(--course-ink,#2f2d32)}.formatbar [data-format="hiliteColor"]{background:#ffe566;color:var(--course-ink,#2f2d32)}.formatbar [data-format="hiliteColor"][aria-pressed="true"]{outline:2px solid var(--course-accent,#5b3f5f);outline-offset:2px}

.rich :is(mark,[style*="background-color: rgb(255, 229, 102)"],[style*="background-color: #ffe566"]) *{color:var(--course-ink,#2f2d32)!important}
.player-blocks .dark-background .activity-reset,.player-blocks .dark-background .activity-frame{color:inherit}.player-blocks .studio-table th{color:var(--course-ink,#2f2d32)}.studio-table{min-width:0}

.player-blocks .scenario-art-caption{background:#3d5038;color:white;font-size:.875rem;letter-spacing:.04em}.player-blocks .scenario-eyebrow,.player-blocks .scenario-scene-label,.player-blocks .scenario-footer,.player-blocks .scenario-footer button{font-size:.875rem}.player-blocks .scenario-stage>*{min-width:0}.player-blocks .scenario-heading{color:var(--block-ink)}
.player-blocks .quote-image:after{display:none}.player-blocks .quote-image>.media-box{margin-bottom:20px}.player-blocks .quote-image{background:var(--course-ink,#2f2d32);color:white}.player-blocks .quote-image>.media-box img{width:100%;height:auto}
