/* Shared accessibility and layout corrections for both designs. */
:root{color-scheme:light;--muted:#414b58;--danger:#94251e;--focus:#103d85;--control-border:#788493}
html{scroll-padding:16px}body{color-scheme:light}*{scroll-margin:16px}
[hidden]{display:none!important}button,input,select,textarea{color-scheme:light}
dialog{background:#fff;color:var(--ink);max-height:calc(100dvh - 32px);overflow-y:auto}
dialog::backdrop{background:rgb(20 28 40 / .48)}
dialog h2,dialog h3,dialog h4,dialog label,dialog legend{color:var(--ink)}
dialog p,dialog small,dialog .review-page-label{color:var(--muted)}
button,.icon-button,.editor-tools button,.page-actions button,.page-list .add-page,.editor-tabs button,.view-switch button,.pupil-slide-tabs button,.present-controls button,.pupil-focus-top button{min-height:44px!important;min-width:44px}
input:not([type=checkbox]):not([type=radio]),select{min-height:44px}
input,select,textarea{border-color:var(--control-border)!important}
input::placeholder,textarea::placeholder{color:#505762;opacity:1}
button:disabled{opacity:.65}
button.primary{color:#fff}button.primary:focus-visible{outline-color:var(--focus)}
/* A dual focus ring stays visible on both light and dark lesson surfaces. */
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important;box-shadow:0 0 0 3px #fff!important}
a:focus-visible{position:relative;z-index:2}.skip:focus{z-index:1000;background:#fff;color:#172334;min-height:44px;padding:12px 18px}
h1[tabindex="-1"]:focus,main[tabindex="-1"]:focus{outline:0}
.crumbs a,.sidebar a,.brand,#back-to-topics{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.crumbs{gap:12px}.sidebar a{display:flex}.resource-row,.topic-card,.lesson-card{overflow:visible}
.reflection-checks label,.spacing-option{min-height:44px!important;cursor:pointer}.reflection-checks input{flex-shrink:0}.reflection-checks label{padding-block:8px}
.reading-controls .spacing-option{align-items:flex-start}.reading-controls .spacing-option input{margin-top:3px}
.field>span,.field small,.intro,.eyebrow,.sidebar-label,.workspace-name,.sidebar-footer,.card-bottom,.topic-card p,.lesson-meta,.lesson-level,.list-toolbar,.table-heading,.row-meta,.resource-name small,.template-help,.template-library section>p,.workspace-label,.thumb-heading,.thumb-name,.reading-help,.reading-settings-heading>span,.review-summary span,.review-empty,.review-method p,.reflection-checks>p,.inclusive-tip,.pupil-page-kind,.pupil-duration,.pupil-pagination>span{color:var(--muted)!important}
.draft-note{color:var(--muted)}.draft-note strong{color:var(--ink);font-weight:700}
.pupil-page,.lesson-guide-content{color:#25332b}.pupil-page-kind,.pupil-duration{color:#394738!important}
.lesson-card .lesson-card-content{padding:26px}.lesson-card-content h2{margin:0 0 18px;font-size:calc(19px * var(--interface-reading-scale,1));font-weight:600;line-height:1.5}
.lesson-level{font-size:calc(12px * var(--interface-reading-scale,1));margin:0 0 12px}.lesson-card .lesson-meta{font-size:calc(13px * var(--interface-reading-scale,1));margin:0 0 24px}.pupil-open{font-size:calc(14px * var(--interface-reading-scale,1));font-weight:600;margin:0;min-height:44px}
.topic-card,.lesson-card{transition:none}.lesson-card>a{height:100%;display:block}.lesson-card>a:focus-visible{outline-offset:4px}
.colour-option{position:relative}.colour-option[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:0}.colour-selected{color:var(--ink)}
/* Both modes share exactly the same header typography and geometry. Pupil preferences continue below the header. */
body .app-header{height:auto!important;min-height:84px!important;padding:16px 28px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:20px!important;align-items:center}
body .app-header,body .app-header *{font-family:Arial,Helvetica,sans-serif!important;line-height:1.5!important;letter-spacing:normal!important;word-spacing:normal!important}
body .app-header .brand{font-size:18px!important;font-weight:700;grid-column:1!important;grid-row:1!important;gap:10px;flex-wrap:nowrap!important;white-space:nowrap;min-width:0}
body .app-header .brand-icon{width:30px!important;height:30px!important;background:none}
body .app-header .draft-label{display:inline-block!important;font-size:9px!important;color:#414b58;background:#eef0f3;border-color:#788493}
body .app-header .view-switch{grid-column:2!important;grid-row:1!important;width:184px!important;max-width:100%;padding:3px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:3px}
body .app-header .view-switch button{font-size:13px!important;padding:8px 12px!important;color:#283442;border-color:transparent;white-space:nowrap}
body .app-header .view-switch button[aria-pressed=true]{border:1px solid #788493!important;font-weight:700!important}
body .app-header .header-actions{grid-column:3!important;grid-row:1!important;justify-self:end;gap:12px}
body .app-header #backup{font-size:12px!important;min-height:44px;display:inline-flex!important}
body .app-header #backup[hidden]{visibility:hidden!important;pointer-events:none}
body .app-header .local-label{display:none!important}
body .app-header .avatar{font-size:12px!important;width:34px!important;height:34px!important;background:#edf0f3;color:#273442}
body .app-header #back-to-topics{display:none!important}
.app-layout,.editor-shell{min-height:calc(100vh - 84px)}
/* Long content and enlarged type can grow vertically instead of clipping. */
main,.workspace,.edit-panel,.page-head>div,.reading-controls>label,.reading-panel{min-width:0}
.main :is(h1,h2,h3,p,a,button,summary),dialog :is(h2,h3,h4,p,label,button,small){overflow-wrap:anywhere}
.reading-controls label,.field{white-space:normal}.field input,.field textarea{max-width:100%}
body.pupil-view .reading-controls{gap:calc(18px * var(--reading-scale,1))!important}
body.pupil-view .reading-settings{padding:calc(24px * var(--reading-scale,1))!important}
body.pupil-view .pupil-slide-tabs button{min-height:calc(44px * var(--reading-scale,1))!important;padding:calc(10px * var(--reading-scale,1)) calc(12px * var(--reading-scale,1))}
body.pupil-view :is(.reading-help,.pupil-copy,.lesson-guide-content p,.lesson-guide-content li){max-width:65ch;text-align:left}
.pupil-page h2{max-width:40ch}.slide{overflow:auto}.slide .slide-topic,.slide-footer{opacity:1}.slide .slide-body{line-height:1.7}
#toast{max-height:45vh;overflow:auto;background:#20372e;color:#fff}
body .danger{color:var(--danger)!important}
@media(max-width:1050px){body .app-header{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}body .app-header .brand{grid-column:1!important;grid-row:1!important}body .app-header .header-actions{grid-column:2!important;grid-row:1!important}body .app-header .view-switch{grid-column:1/-1!important;grid-row:2!important;justify-self:center}.app-layout,.editor-shell{min-height:calc(100vh - 140px)}}
@media(max-width:660px){body .app-header{padding:12px 16px!important;grid-template-columns:minmax(0,1fr) 94px!important;gap:10px!important}body .app-header .brand{font-size:16px!important;gap:8px}body .app-header .brand-icon{width:26px!important;height:26px!important}body .app-header .draft-label,body .app-header .avatar{display:none!important}body .app-header .header-actions{max-width:94px}body .app-header #backup{width:94px;padding:7px!important;white-space:normal;font-size:12px!important}.app-header .view-switch{width:184px!important}.page-head,.editor-toolbar,.editor-tools{flex-wrap:wrap}.editor-tools button{white-space:normal!important;flex-basis:130px}.pupil-pagination{flex-wrap:wrap;gap:12px}.pupil-pagination>span{order:3;width:100%;text-align:center}.reflection-checks label{min-height:48px!important}.reading-controls,.colour-options{min-width:0}.reading-controls select{min-width:0}.pupil-slide-tabs{overflow:visible;flex-wrap:wrap}.template-grid{grid-template-columns:1fr}.main h1{overflow-wrap:anywhere}.reading-settings{max-width:100%}.resource-table .resource-row{grid-template-columns:minmax(0,1fr) 44px}.resource-row>.icon-button{min-width:44px}.topic-grid,.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-card .lesson-card-content{padding:calc(22px * var(--reading-scale,1))}.editor-tabs{flex-wrap:wrap}}
@media(forced-colors:active){button,a,input,textarea,select,summary{forced-color-adjust:auto}.colour-swatch{forced-color-adjust:none}.colour-option[aria-pressed=true]{outline:3px solid Highlight}.view-switch button[aria-pressed=true]{outline:2px solid Highlight}.skip:focus{outline:3px solid Highlight}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.skip{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.slide:not(.dark) .slide-footer{color:var(--muted)}.slide.dark .slide-footer{color:inherit}.pupil-slide-tabs button[aria-pressed="true"]{color:#fff!important}

.present-controls button{background:#263b32;color:#fff;border-color:#92a79e}.present-controls button:hover{background:#344f42}

.pupil-main .empty h2{font-family:inherit;font-size:calc(22px * var(--reading-scale,1));font-weight:600}.pupil-main .empty p{font-size:calc(14px * var(--reading-scale,1));max-width:45ch}.pupil-main .empty{padding:calc(40px * var(--reading-scale,1)) calc(22px * var(--reading-scale,1))}

/* Readable standard sizes; pupil choices scale from these sizes. */
body{font-size:16px}
.main .intro,.draft-note,.template-help,.template-library section>p{font-size:16px}
.sidebar a{font-size:16px}.sidebar .topic-link{font-size:15px}.sidebar-label,.workspace-name,.sidebar-footer{font-size:14px}
.topic-card p,.card-bottom,.lesson-meta,.lesson-level,.row-meta,.resource-name small,.table-heading,.list-toolbar,.crumbs{font-size:15px}
.resource-name strong{font-size:17px}.head-actions button,.page-head>button,.list-search input{font-size:16px}
.editor-toolbar h1{font-size:22px}.editor-tools button,.page-actions button,.editor-tabs button,.page-list .add-page{font-size:14px}
.field>span,.field input,.field textarea,.field select,textarea.notes{font-size:16px}.field small,.inclusive-tip,.inclusive-tip strong,.inclusive-tip .quiet,.teacher-notes label,.teacher-notes small,.workspace-label,.thumb-heading,.thumb-name{font-size:14px}
dialog>p,dialog .review-intro,.resource-finding p,.resource-finding button,.reflection-checks label,.reflection-checks>p,.review-method p,.review-method a,.review-summary span,.review-empty{font-size:16px!important}.resource-finding h4{font-size:17px}.review-page-label{font-size:14px}
body .app-header .view-switch button,body .app-header #backup{font-size:14px!important}
body.pupil-view{font-size:calc(18px * var(--reading-scale,1))}
body.pupil-view .sidebar a,body.pupil-view .sidebar .topic-link{font-size:calc(16px * var(--reading-scale,1))}
body.pupil-view :is(.sidebar-label,.sidebar-footer,.sidebar-footer strong,.card-bottom,.topic-card p,.lesson-level,.lesson-meta,.crumbs,.eyebrow,.intro){font-size:calc(16px * var(--reading-scale,1))}
body.pupil-view .reading-settings-heading h2{font-size:calc(20px * var(--reading-scale,1))}
body.pupil-view .reading-backgrounds legend,body.pupil-view .reading-controls>label,body.pupil-view .reading-spacing-field legend{font-size:calc(16px * var(--reading-scale,1));font-weight:600}
body.pupil-view .reading-controls select,body.pupil-view .reading-controls .spacing-option,body.pupil-view .reading-controls .reset-reading,body.pupil-view .reading-help{font-size:calc(16px * var(--reading-scale,1))}
body.pupil-view .pupil-reader-actions button,body.pupil-view .pupil-pagination button,body.pupil-view .pupil-pagination>span,body.pupil-view .pupil-slide-tabs button,body.pupil-view .lesson-guide summary,body.pupil-view .pupil-page-kind,body.pupil-view .pupil-duration{font-size:calc(16px * var(--reading-scale,1))}
body.pupil-view .pupil-copy{font-size:calc(20px * var(--reading-scale,1))}
body.pupil-view .lesson-guide-content h2{font-size:calc(20px * var(--reading-scale,1))}
body.pupil-view .lesson-guide-content p,body.pupil-view .lesson-guide-content li{font-size:calc(18px * var(--reading-scale,1))}
body.pupil-view .pupil-open{font-size:calc(17px * var(--reading-scale,1))}
/* Native radio inputs provide one selection, arrow-key navigation and a named group. */
.colour-radio{display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;margin:0;padding:16px;border:2px solid #788493;border-radius:6px;background:var(--colour-fill);color:#25332b;cursor:pointer;font-size:calc(16px * var(--reading-scale,1));font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.colour-radio input[type=radio]{appearance:auto;width:22px;height:22px;min-width:22px;min-height:22px;flex-shrink:0;margin:0;accent-color:#25332b;cursor:pointer}
.colour-radio:has(input:checked){border-color:#25332b;box-shadow:inset 0 0 0 1px #25332b;font-weight:700}
.colour-radio:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px #fff}
.colour-radio input:focus-visible{outline:0!important;box-shadow:none!important}
body.pupil-view .colour-radio{padding:calc(16px * var(--reading-scale,1));gap:calc(12px * var(--reading-scale,1));min-height:calc(64px * var(--reading-scale,1))}
.colour-options{gap:12px}.reading-backgrounds legend{margin-bottom:14px}
body.pupil-view .reading-controls{margin-top:24px}.reading-controls .spacing-option{background:#f7f8fa}
@media(max-width:1150px){.editor-grid{grid-template-columns:150px minmax(0,1fr) 300px}}
@media(max-width:950px){.editor-grid{grid-template-columns:140px minmax(0,1fr)}.edit-panel{grid-column:2}.page-list{grid-row:1/3}}
@media(max-width:660px){.colour-options{grid-template-columns:1fr!important}.editor-grid{display:flex;flex-direction:column}.editor-tools{gap:10px}.field input,.field select,.field textarea{font-size:16px}.main{padding-inline:20px}.crumbs{gap:8px}.resource-row{padding:18px}.pupil-main .page-head{gap:20px}.pupil-reader-actions{flex-direction:column;align-items:stretch}.pupil-reader-actions button{justify-content:center;flex:auto}.colour-radio{min-height:64px}.reading-controls .spacing-option{gap:12px;align-items:flex-start}}
@media(forced-colors:active){.colour-radio{forced-color-adjust:auto;background:Canvas;color:CanvasText;border-color:CanvasText}.colour-radio:has(input:checked){border-color:Highlight;outline:2px solid Highlight;outline-offset:2px}.colour-radio input{forced-color-adjust:auto}}

.colour-radio input[type=radio]:focus{outline:0!important;box-shadow:none!important}.lesson-thumb span{font-size:14px}.lesson-card-content h3{font-size:17px}.example-tag{font-size:12px}

/* Global pupil preferences overlay. Header geometry is shared by both modes. */
.header-action-slot{display:grid;align-items:center;min-width:190px}
.header-action-slot>button{grid-area:1/1}
body .app-header #reading-preferences{display:inline-flex!important;min-height:44px;font-size:14px!important}
body .app-header #reading-preferences[hidden]{visibility:hidden!important;pointer-events:none}
.reading-preferences-open{overflow:hidden}
body.pupil-view .reading-preferences-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:calc(24px * var(--reading-scale,1));border:0;border-left:1px solid #788493;border-radius:0;overflow:auto;color:#25332b;background:#fff;box-sizing:border-box}
.reading-preferences-dialog::backdrop{background:rgb(20 30 40 / .25)}
.preferences-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.preferences-heading h2{margin:0;font-size:calc(24px * var(--reading-scale,1));line-height:1.4}
.preferences-heading button{flex-shrink:0;min-width:44px}
body.pupil-view .reading-preferences-dialog .reading-settings{padding:0!important;border:0;border-radius:0;margin:0;background:transparent;box-shadow:none}
.reading-preferences-dialog h3,.reading-preferences-dialog legend{font-size:calc(18px * var(--reading-scale,1));font-weight:700;margin:0}
.reading-preferences-dialog .preferences-help{font-size:calc(16px * var(--reading-scale,1));margin:4px 0 16px;color:#414b58}
body.pupil-view .reading-preferences-dialog .reading-controls{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:calc(20px * var(--reading-scale,1));margin:0 0 28px}
.reading-preferences-dialog .spacing-option{display:flex;align-items:flex-start;gap:12px;padding:12px 0;min-height:44px}
.reading-preferences-dialog .spacing-option input{flex:0 0 22px;width:22px;height:22px;margin-top:3px}
.reading-preferences-dialog .reading-backgrounds{border:0;border-top:1px solid #c8ced4;padding:24px 0 0;margin:0;min-width:0}
.reading-preferences-dialog .reading-backgrounds legend{float:left;width:100%;padding:24px 0 0}
.reading-preferences-dialog .reading-backgrounds .preferences-help{clear:both}
body.pupil-view .reading-preferences-dialog .colour-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
body.pupil-view .reading-preferences-dialog .colour-radio{min-width:0;padding:calc(12px * var(--reading-scale,1));gap:10px;overflow-wrap:anywhere}
.reading-preferences-dialog .preview-label{font-size:calc(16px * var(--reading-scale,1));margin:24px 0 10px;font-weight:700}
.reading-slide-preview{background:var(--reading-background);padding:calc(24px * var(--reading-scale,1));border:1px solid #788493;border-radius:6px;font-size:calc(18px * var(--reading-scale,1));line-height:var(--reading-line-height);letter-spacing:var(--reading-spacing);word-spacing:var(--reading-word-spacing)}
.reading-slide-preview p{margin:12px 0 0}
.preferences-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:24px}
.preferences-actions button{font-size:calc(16px * var(--reading-scale,1));padding:calc(12px * var(--reading-scale,1)) calc(16px * var(--reading-scale,1));white-space:normal}
.pupil-focus-actions{display:flex;flex-wrap:wrap;gap:12px}
body.pupil-view .lesson-guide-content{background:#fff}
body.pupil-view:is([data-reading-size="125"],[data-reading-size="150"]) .reading-preferences-dialog .colour-options{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:660px){.header-action-slot{min-width:94px;width:94px}body .app-header #reading-preferences{width:44px;justify-self:end;padding:10px}#reading-preferences>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.pupil-view .reading-preferences-dialog{padding:20px}body.pupil-view .reading-preferences-dialog .colour-options{grid-template-columns:minmax(0,1fr)!important}}
body.pupil-view .reading-preferences-dialog .reading-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
.reading-preferences-dialog .reading-controls .spacing-option{grid-column:1/-1;margin:0}
.reading-preferences-dialog .reading-backgrounds{padding-top:0}
body.pupil-view:is([data-reading-size="125"],[data-reading-size="150"]) .reading-preferences-dialog .reading-controls{grid-template-columns:minmax(0,1fr)!important}
@media(max-width:420px){body.pupil-view .reading-preferences-dialog .reading-controls{grid-template-columns:minmax(0,1fr)!important}}

/* Reading choices remain authoritative throughout pupil content. */
body.pupil-view :is(#app,#pupil-focus,#reading-preferences-dialog),
body.pupil-view :is(#app,#pupil-focus,#reading-preferences-dialog) *{font-family:var(--reading-font,"Comic Sans MS","Comic Sans","Comic Neue",Arial,sans-serif)!important}
/* Full slide titles reflow as the selected text size grows. */
body.pupil-view .pupil-slide-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:calc(12px * var(--reading-scale,1));margin:0 0 calc(24px * var(--reading-scale,1));overflow:visible;align-items:stretch}
body.pupil-view .pupil-slide-tabs button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;justify-content:start;gap:calc(12px * var(--reading-scale,1));width:100%;min-width:0!important;max-width:100%;height:auto;min-height:calc(64px * var(--reading-scale,1))!important;padding:calc(16px * var(--reading-scale,1))!important;text-align:left;line-height:1.5;white-space:normal;overflow:visible}
body.pupil-view .pupil-slide-tabs button span{display:block!important;min-width:0;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
body.pupil-view:is([data-reading-size="125"],[data-reading-size="150"]) .pupil-slide-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
body.pupil-view :is(.page-head,.pupil-reader-actions,.pupil-pagination,.preferences-actions){min-width:0;max-width:100%;flex-wrap:wrap}
body.pupil-view :is(.topic-card,.lesson-card,.lesson-card-content,.lesson-guide-content,.pupil-page,.reading-slide-preview){min-width:0;max-width:100%;overflow-wrap:anywhere}
body.pupil-view :is(.pupil-reader-actions,.pupil-pagination,.preferences-actions) button{min-width:0;max-width:100%;height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
body.pupil-view .pupil-pagination{display:flex;flex-wrap:wrap;gap:calc(16px * var(--reading-scale,1))}
body.pupil-view .pupil-pagination>span{flex:1 1 8em;text-align:center}
body.pupil-view .reading-preferences-dialog .reading-controls{grid-template-columns:minmax(0,1fr)!important}
body.pupil-view .reading-preferences-dialog .reading-controls>label{min-width:0;max-width:100%}
body.pupil-view .reading-preferences-dialog .reading-controls .spacing-option{flex-direction:row;gap:calc(12px * var(--reading-scale,1));align-items:flex-start}
body.pupil-view .reading-preferences-dialog .spacing-option span{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
body.pupil-view .reading-preferences-dialog .colour-radio span{min-width:0;white-space:normal}
body.pupil-view .reading-preferences-dialog .preferences-heading h2{min-width:0;overflow-wrap:anywhere}
body.pupil-view .reading-preferences-dialog .reading-controls select{padding:calc(12px * var(--reading-scale,1)) calc(36px * var(--reading-scale,1)) calc(12px * var(--reading-scale,1)) calc(12px * var(--reading-scale,1));font-size:calc(16px * var(--reading-scale,1));width:100%;min-width:0;max-width:100%}
@media(max-width:660px){body.pupil-view .pupil-slide-tabs{grid-template-columns:minmax(0,1fr)}body.pupil-view .pupil-pagination>span{order:0;flex:1 0 100%}body.pupil-view .pupil-pagination button{flex:1}}

/* Preferences use an 8px spacing scale and equal action columns. */
body.pupil-view .reading-preferences-dialog{--preferences-inset:24px;--preferences-control-padding:16px;--preferences-preview-padding:24px;padding:var(--preferences-inset)!important}
body.pupil-view .reading-preferences-dialog .reading-controls{gap:24px!important;margin:0 0 32px}
body.pupil-view .reading-preferences-dialog .reading-controls select{padding:var(--preferences-control-padding) 48px var(--preferences-control-padding) var(--preferences-control-padding)}
body.pupil-view .reading-preferences-dialog .reading-controls .spacing-option{padding:var(--preferences-control-padding);gap:16px}
body.pupil-view .reading-preferences-dialog .colour-options{gap:16px}
body.pupil-view .reading-preferences-dialog .colour-radio{padding:var(--preferences-control-padding);gap:16px}
body.pupil-view .reading-preferences-dialog .preferences-heading button{padding:8px;min-width:48px;min-height:48px!important}
body.pupil-view .reading-preferences-dialog .reading-backgrounds{padding:0;margin:0}
body.pupil-view .reading-preferences-dialog .reading-backgrounds legend{padding:24px 0 0;margin-bottom:16px}
body.pupil-view .reading-preferences-dialog .preferences-help{margin:8px 0 16px}
body.pupil-view .reading-preferences-dialog .preview-label{margin:24px 0 16px}
body.pupil-view .reading-preferences-dialog .reading-slide-preview{padding:var(--preferences-preview-padding)}
body.pupil-view .reading-preferences-dialog .reading-slide-preview p{margin:16px 0 0}
body.pupil-view .reading-preferences-dialog .preferences-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0;margin-top:32px;align-items:stretch}
body.pupil-view .reading-preferences-dialog .preferences-actions button{width:100%;min-width:0;min-height:64px!important;padding:var(--preferences-control-padding)!important;margin:0;justify-self:stretch;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.5}
body.pupil-view:is([data-reading-size="125"],[data-reading-size="150"]) .reading-preferences-dialog{--preferences-inset:32px;--preferences-control-padding:24px;--preferences-preview-padding:32px}
@media(max-width:420px){body.pupil-view .reading-preferences-dialog{--preferences-inset:16px}body.pupil-view .reading-preferences-dialog .preferences-actions button{padding:16px 8px!important}}