/* One component stylesheet for English and Spanish. */
.lab-symbol{width:28px;height:28px;flex:none;vertical-align:middle}.lab-navigation{padding:7px!important;border:1px solid #ccdeda;border-radius:22px;background:#f8fbf8;box-shadow:0 8px 24px #214b3610;margin:0 0 18px;display:flex!important;gap:10px;align-items:center}.lab-navigation>nav{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%;gap:6px;overflow:visible!important}.lab-navigation>nav>a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0!important;min-height:78px;padding:10px 8px!important;color:#245b54!important;text-decoration:none!important;font:700 17px/1.25 system-ui;border:0!important;border-radius:16px;white-space:normal!important;text-align:center;box-shadow:none!important}.lab-navigation>nav>a[aria-current=page]{background:#174e48!important;color:#fff!important;box-shadow:0 5px 14px #214b3620!important}.lab-navigation>nav>a:hover:not([aria-current=page]){background:#e9f2e8}.lab-secondary{background:linear-gradient(110deg,#eef7ed,#f2f1fb);margin-bottom:26px}.lab-primary{position:relative!important;top:auto!important}.lab-primary>a{font-size:14px;white-space:nowrap;margin-right:12px}.lab-topic-map{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;position:relative}.lab-topic-map .atlas-island{margin:0}.atlas-sidebar details>details{margin-top:14px}.atlas-sidebar details a{display:block;padding:8px 4px;font-size:15px}.atlas-sidebar [aria-current=page]{font-weight:800;background:#e5efd9;border-radius:8px}.word-sound-preview{display:grid;gap:5px;margin:8px 0;font-size:14px;font-weight:400}.word-sound-preview .word-ipa{font-size:19px;margin:0}.word-sound-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.word-sound-actions button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px!important;font-size:14px!important;min-height:36px!important}.word-sound-actions svg{width:17px;height:17px}.word-sound-actions a{font-size:13px}.lab-tutorials{max-width:960px}.lab-tutorials details{background:white;border:1px solid #ceded4;border-radius:16px;margin:12px 0;padding:16px 20px}.lab-tutorials summary{font-size:19px;font-weight:750;cursor:pointer}.tutorial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none;counter-reset:step}.tutorial-steps li{background:#eef5e9;border-radius:14px;padding:15px;counter-increment:step}.tutorial-steps li:before{content:counter(step);display:grid;place-items:center;width:28px;height:28px;background:#174e48;color:white;border-radius:50%;margin-bottom:10px}.lab-tutorials p{max-width:70ch}.lab-info footer,.lab-footer{display:none!important}
.draft-frame{display:block!important}.draft-brief{background:#f0f6e9;border:1px solid #c7dcb9;border-radius:22px;padding:24px;margin:20px 0}.draft-brief h2{margin:0 0 12px}.draft-brief p:last-child{margin-bottom:0}.draft-workflow{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;color:#466455}.draft-workflow span{padding:7px 12px;border-radius:99px;background:#edf3e8;font-size:15px}.draft-model{background:#f4f8f1!important;color:#183737!important;border:1px solid #ccdbcc;margin:20px 0!important;padding:20px!important;border-radius:18px!important}.draft-model small,.draft-model p,.draft-model h2,.draft-model summary{color:#183737!important}.draft-model summary{cursor:pointer;font-size:19px;font-weight:750}.draft-model [data-role]{border-color:#81a87e!important;background:#fff!important;margin:14px 0;padding:15px}.draft-editor{border:1px solid #ceddd4;padding:24px;border-radius:22px;background:#fff}.draft-editor fieldset{padding:16px;margin:18px 0;border:1px solid #d2dfd7;border-radius:16px;min-width:0}.draft-editor legend{font-weight:700;padding:0 6px;max-width:100%;white-space:normal}.draft-choice{display:flex!important;align-items:flex-start;gap:12px!important;font-size:17px!important;line-height:1.55!important;font-weight:450!important;padding:15px!important;margin:9px 0!important}.draft-choice input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:3px 0 0!important}.draft-role-hint{font-size:15px;color:#506b60}.draft-evidence{white-space:pre-wrap;line-height:1.75}.draft-comparison[hidden]{display:none!important}.draft-assembled{white-space:pre-wrap;border-left:4px solid #719b42;padding:15px;background:#f5f9ef}.draft-instructions{padding:14px 18px;background:#eff5fa;border-radius:14px}.draft-editor label:has(textarea){display:grid;gap:8px;margin:14px 0}.draft-editor textarea{width:100%;min-height:150px;box-sizing:border-box}.draft-library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}.draft-library-card h2{font-size:24px!important}.draft-library-card{display:flex;flex-direction:column;gap:10px}.draft-library-card .button{margin-top:auto}.shape-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shape-tabs button{white-space:normal;font-size:16px!important;min-width:0;min-height:52px}
@media(max-width:1000px){.lab-topic-map{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-navigation>nav>a{font-size:15px}.lab-primary>a{display:none}.tutorial-steps{grid-template-columns:1fr}}
@media(max-width:600px){.lab-navigation{border-radius:18px;padding:6px!important;gap:0}.lab-navigation>nav{grid-auto-flow:row!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-columns:auto!important;gap:5px}.lab-navigation>nav>a{font-size:14px;min-height:69px;padding:8px 5px!important;border-radius:13px}.lab-navigation .lab-symbol{width:24px;height:24px}.lab-secondary{margin-bottom:20px}.lab-topic-map{grid-template-columns:1fr}.experience-bar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:17px!important}.experience-title{grid-column:1/-1}.experience-bar label{min-width:0!important;width:auto!important;margin:0!important;font-size:14px!important}.experience-bar select{width:100%!important;min-width:0!important;max-width:100%;font-size:15px!important}.experience-status:empty{display:none}.shape-tabs{grid-template-columns:1fr}.shape-tabs button{text-align:left}.draft-brief,.draft-editor{padding:17px}.draft-choice{font-size:16px!important;padding:12px!important}.draft-editor fieldset{padding:10px}.draft-library-tools{grid-template-columns:1fr!important}.lab-tutorials details{padding:15px}.lab-navigation>nav>a span{overflow-wrap:normal}.atlas-sidebar{position:static!important;max-height:none!important}.atlas-sidebar>details{margin-top:12px}}

:is(#ll2-app,#lles) .lab-topic-map{columns:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}:is(#ll2-app,#lles) .lab-topic-map>.atlas-island{width:100%;min-width:0;box-sizing:border-box}:is(#ll2-app,#lles) .lab-topic-map .atlas-connections{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.site-header .lab-read-button{font:700 16px/1.2 system-ui}.site-header .lab-read-button .lab-symbol{width:20px;height:20px}.draft-position{display:grid;gap:6px;margin:16px 0;font-weight:700}.draft-position select{width:100%;max-width:100%;min-width:0;font-weight:400}.draft-part-bank{border:1px solid #cadccd;border-radius:14px;padding:16px}.draft-part-bank summary{font-weight:700}.draft-part-bank p{padding:10px 0;border-bottom:1px solid #dce5d9}.draft-model[hidden]{display:none!important}@media(max-width:1000px){:is(#ll2-app,#lles) .lab-topic-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){:is(#ll2-app,#lles) .lab-topic-map{grid-template-columns:minmax(0,1fr)!important}.site-header{display:grid!important;grid-template-columns:minmax(100px,.42fr) minmax(0,.58fr);gap:12px!important}.site-header .wordmark{grid-column:1/-1}.site-header .lab-language{grid-column:1;min-width:0;margin:0}.site-header .lab-language select{width:100%;max-width:100%;font-size:14px}.site-header #ll-readingbar,.site-header .lab-read-button{grid-column:2;grid-row:2;margin:0!important;min-width:0;width:100%;font-size:14px!important;padding:10px 9px!important}.site-header nav{grid-column:1/-1;margin:0!important}.site-header nav ul{display:flex;gap:22px}.site-header #ll-readingbar button.ll-reader-trigger{font-size:14px!important;padding:0!important;min-height:24px}.draft-model{padding:15px!important}.draft-position select{font-size:15px}}
@media(max-width:600px){.lab-navigation>nav>a{height:84px!important;min-height:84px!important}}
:is(#ll2-app,#lles) .shape-tabs button[aria-pressed=true]{background:#174e48!important;color:#fff!important;border-color:#174e48!important;box-shadow:0 4px 12px #214b3620}
.lab-navigation>nav>a[aria-current=page],:is(#ll2-app,#lles) .shape-tabs button[aria-pressed=true]{background:var(--lab-accent,#174e48)!important;border-color:var(--lab-accent,#174e48)!important}body{background-color:var(--lab-wash,#f4f8f2)}
/* Cumulative self-review; the shape of the task does not award a rubric level. */
:is(#ll2-app,#lles) .bame-checklist{margin:24px 0;padding:22px;border:1px solid #bad3ca;border-radius:20px;background:#f6faf7}
:is(#ll2-app,#lles) .bame-checklist h3{margin:0 0 8px;font-size:23px}
:is(#ll2-app,#lles) .bame-intro,:is(#ll2-app,#lles) .bame-note{font-size:16px;line-height:1.6;color:#41625a}
:is(#ll2-app,#lles) .bame-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:18px 0;padding:0}
:is(#ll2-app,#lles) .bame-level{border:1px solid #cadcd4;border-radius:14px;background:white;padding:16px;min-width:0}
:is(#ll2-app,#lles) .bame-level header{display:grid;grid-template-columns:32px 1fr;gap:4px 10px;align-items:center;margin-bottom:12px}
:is(#ll2-app,#lles) .bame-level header>span{display:grid;place-items:center;background:#e4eee9;color:#194d44;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;grid-row:span 2}
:is(#ll2-app,#lles) .bame-level h4{font-size:19px;margin:0;color:#173d39}
:is(#ll2-app,#lles) .bame-level header small{font-size:14px;color:#537269}
:is(#ll2-app,#lles) .bame-action{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0;line-height:1.6;font-size:17px;font-weight:400;cursor:pointer}
:is(#ll2-app,#lles) .bame-action input{flex:0 0 22px;appearance:auto;width:22px;height:22px;min-height:0;margin:3px 0 0;accent-color:#1c6658}
:is(#ll2-app,#lles) .bame-action:has(input:checked){color:#1b654f}
:is(#ll2-app,#lles) .bame-action:has(input:focus-visible){outline:3px solid #487acc;outline-offset:3px;border-radius:6px}
:is(#ll2-app,#lles) .structure-static.key-term{background:color-mix(in srgb,var(--word-color) 10%,white);border-bottom:2px solid color-mix(in srgb,var(--word-color) 60%,white);border-radius:3px;padding:0 2px;cursor:text}
:is(#ll2-app,#lles) .bench-analysis-note{padding:14px 16px;background:#eff4ff;border-left:4px solid #4773ae;line-height:1.55;border-radius:8px;font-size:16px}
:is(#ll2-app,#lles) .bench-text-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
:is(#ll2-app,#lles) .course-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 30px}
:is(#ll2-app,#lles) .course-module-list article{border:1px solid #bad3ca;border-radius:16px;padding:20px;background:white;min-width:0}
:is(#ll2-app,#lles) .course-phase-list{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:12px 0}
:is(#ll2-app,#lles) .course-phase-list li{padding:5px 8px;background:#eef4f0;border-radius:8px;font-size:14px}
@media(max-width:620px){:is(#ll2-app,#lles) .bame-checklist{padding:16px}:is(#ll2-app,#lles) .bame-steps,:is(#ll2-app,#lles) .course-module-list{grid-template-columns:1fr}:is(#ll2-app,#lles) .bench-text-actions button{width:100%}}
:is(#ll2-app,#lles) .lab-layout>div,:is(#ll2-app,#lles) .course-lesson{min-width:0;max-width:100%}
:is(#ll2-app,#lles) .course-lesson .field-phase-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;white-space:normal;overflow:visible;padding:8px}
:is(#ll2-app,#lles) .course-lesson .field-phase-nav button{min-width:0;white-space:normal;padding:10px 7px;font-size:16px;min-height:58px;line-height:1.35}
@media(min-width:1000px){:is(#ll2-app,#lles) .course-lesson .field-phase-nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
:is(#ll2-app,#lles) .course-lesson .field-phase-nav{grid-auto-rows:1fr}
:is(#ll2-app,#lles) .course-lesson .field-phase-nav button[aria-current=step]{background:var(--lab-accent,#194f46);color:#fff;border-color:var(--lab-accent,#194f46);font-weight:750}
/* Shared controls: one spacing system, natural heights, no reserved sticky-nav gap. */
:root{--lab-text-scale:.94;--lab-admin-offset:0px}
:is(#ll2-app,#lles) .lab-primary{position:relative!important;top:auto!important;flex-wrap:wrap}
:is(#ll2-app,#lles) .section-compass,:is(#ll2-app,#lles) .field-phase-nav,:is(#ll2-app,#lles) .es-chapter-nav{top:var(--lab-admin-offset)!important;scroll-margin-top:100px}
:is(#ll2-app,#lles) .atlas-location{position:relative;top:auto}
:is(#ll2-app,#lles) .atlas-sidebar{top:calc(var(--lab-admin-offset) + 115px);max-height:calc(100dvh - var(--lab-admin-offset) - 135px)}
:is(#ll2-app,#lles) :is(.lab-navigation,.experience-bar,.section-compass,.es-chapter-nav){box-sizing:border-box;max-width:100%;min-width:0}
:is(#ll2-app,#lles) .lab-navigation>nav{grid-auto-rows:1fr}
:is(#ll2-app,#lles) .lab-navigation>nav>a{height:auto!important;min-height:82px!important;font-size:calc(16px * var(--lab-text-scale))!important;padding:12px 7px!important;line-height:1.3;overflow-wrap:anywhere}
:is(#ll2-app,#lles) .lab-navigation>nav>a span{overflow-wrap:anywhere;max-width:100%}
:is(#ll2-app,#lles) :is(button,input,select,textarea,summary){box-sizing:border-box;max-width:100%;min-width:0}
:is(#ll2-app,#lles) :is(button,select,summary){min-height:44px;line-height:1.35}
:is(#ll2-app,#lles) :is(input[type=checkbox],input[type=radio]){appearance:auto;min-height:0!important;width:20px!important;height:20px!important;flex:0 0 20px;margin:0!important;accent-color:#17574e}
:is(#ll2-app,#lles) .topic-node .node-dot{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;border-radius:50%;padding:0!important;display:grid!important;place-items:center;font-size:13px!important;line-height:1}
:is(#ll2-app,#lles) .topic-node .node-arrow{flex:none}
:is(#ll2-app,#lles) .region-mark{width:44px!important;height:44px!important;min-width:44px!important;display:grid;place-items:center;border-radius:13px;font-size:21px!important;line-height:1}
:is(#ll2-app,#lles) .topic-entry{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:4px;align-items:center}
:is(#ll2-app,#lles) [data-map-relate]{border:1px solid #d5e0d9;border-radius:10px;padding:3px;width:36px;min-height:44px;color:#35685e;background:#f6faf6;font-size:22px}
.map-related{padding:22px;border:1px solid #afc9be;border-radius:18px;margin:18px 0;background:#f1f7ef;display:grid;grid-template-columns:1fr 1fr;gap:18px}.map-related[hidden]{display:none}.map-related-head{grid-column:1/-1;display:flex;align-items:start;gap:12px;justify-content:space-between}.map-related h2,.map-related h3{margin:0 0 12px}.map-related a{display:block;margin:8px 0;line-height:1.5}.map-related-head button{flex:none}
:is(#ll2-app,#lles) .scope-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
:is(#ll2-app,#lles) .scope-example-controls{display:grid;grid-template-columns:44px minmax(100px,1fr) 44px;gap:6px;max-width:100%;margin-left:auto}
:is(#ll2-app,#lles) .scope-example-controls :is(select,button){width:100%;min-height:44px!important;margin:0!important;padding:8px!important;border-radius:10px;font-size:calc(14px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) .diagram-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:start}
:is(#ll2-app,#lles) .sentence-player{display:grid;grid-template-columns:44px minmax(100px,1fr) 44px 44px;gap:6px;flex:1;min-width:0}
:is(#ll2-app,#lles) .sentence-player label{grid-column:1/-1;grid-row:2;display:flex;gap:10px;align-items:center;justify-content:flex-end;width:auto;font-size:14px}
:is(#ll2-app,#lles) .sentence-player label select{width:auto;min-width:110px}
:is(#ll2-app,#lles) .sentence-player button{margin:0;min-height:44px;padding:7px;font-size:calc(14px * var(--lab-text-scale));white-space:normal}
:is(#ll2-app,#lles) .diagram-display{margin-left:auto;flex:none}
:is(#ll2-app,#lles) .examples-view{display:flex;justify-content:flex-end;margin:12px 0}
:is(#ll2-app,#lles) .examples-view button{font-size:calc(15px * var(--lab-text-scale));border:1px solid #c1d7cb;background:#f7faf6}
:is(#ll2-app,#lles) .all-examples :is(.guided-example,.es-example){border-bottom:1px solid #ccddd4;padding-bottom:30px;margin-bottom:30px}
:is(#ll2-app,#lles) .all-examples .scope-example-controls{pointer-events:none;opacity:.6}
:is(#ll2-app,#lles) .all-examples .scope-example-controls button{visibility:hidden}
.lab-display-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:#fff;border:1px solid #bdd2c7;border-radius:12px;color:#214f48;padding:9px 12px;font:650 14px/1.3 system-ui}.lab-display-button>span:first-child{font:600 22px Georgia}.site-header{flex-wrap:wrap}
#lab-display-dialog{border:1px solid #bdd2c7;border-radius:22px;padding:24px;width:min(460px,calc(100vw - 30px));box-sizing:border-box;color:#173d39;background:#fbfdf9}#lab-display-dialog::backdrop{background:#112c3466;backdrop-filter:blur(4px)}.display-dialog-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.display-dialog-head h2{font-size:24px;margin:0 0 16px}.display-dialog-head button{width:44px;height:44px;border:1px solid #c1d7cb;border-radius:12px;background:white}#lab-display-dialog label{display:grid;gap:10px}#lab-display-dialog select{font:inherit;padding:12px;border:1px solid #abc6bb;border-radius:12px;width:100%}.display-sample{font-size:calc(22px * var(--lab-text-scale));line-height:1.7;border-block:1px solid #d1dfd6;padding:20px 0}
:is(#ll2-app,#lles){font-size:calc(18px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) :is(p,li,blockquote,textarea,.es-source,.reading-prose,.draft-evidence,.discovery-example){font-size:calc(18px * var(--lab-text-scale))!important;line-height:1.7}
:is(#ll2-app,#lles) :is(.discovery-example,.reading-prose,.es-source){font-size:calc(21px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) :is(td,th,label,button,select,summary,.draft-choice){font-size:calc(16px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) :is(.fine,small,.es-muted){font-size:calc(14px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) h2{font-size:calc(27px * var(--lab-text-scale))}
:is(#ll2-app,#lles) .sound-console{background:#f0f6f5;border:1px solid #bcd3ce;border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 5px 20px #1f52490a}
:is(#ll2-app,#lles) .sound-console-top{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:12px}
:is(#ll2-app,#lles) .sound-console-top label{display:flex;align-items:center;gap:8px;margin:0}
:is(#ll2-app,#lles) .sound-console-top select{width:auto;min-width:100px;max-width:160px;padding:7px 10px}
:is(#ll2-app,#lles) .sound-status{display:flex;align-items:center;gap:8px;font-weight:700;color:#246254;font-size:14px}
.sound-status:before{content:'';width:8px;height:8px;border-radius:50%;background:#31937b}
:is(#ll2-app,#lles) .sound-console .mouth-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}
:is(#ll2-app,#lles) .sound-console .mouth-controls button{padding:9px 5px;display:grid;justify-items:center;gap:6px;min-height:64px;border-radius:12px;background:#fff;font-size:calc(14px * var(--lab-text-scale))!important;white-space:normal}
:is(#ll2-app,#lles) .mouth-controls [aria-pressed=true]{background:#174e48!important;color:#fff!important}
:is(#ll2-app,#lles) .sound-display-options{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #c9dbd4;padding-top:12px;margin-top:14px}
:is(#ll2-app,#lles) :is(.sound-display-options,.anatomy-explore) label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px;margin:0;font-weight:500;width:auto}
:is(#ll2-app,#lles) .sound-studio .section-title{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.sound-studio-grid>div{min-width:0}
@media(max-width:700px){:is(#ll2-app,#lles) .sound-studio-grid{grid-template-columns:1fr!important}:is(#ll2-app,#lles) .lab-topic-map{grid-template-columns:1fr!important}:is(#ll2-app,#lles) .diagram-tools .sentence-player{flex-basis:100%}.map-related{grid-template-columns:1fr}.site-header .lab-display-button{grid-column:2;justify-self:end}.site-header nav{grid-row:3!important;grid-column:1!important}.site-header nav ul{gap:12px;flex-wrap:wrap}:is(#ll2-app,#lles) .atlas-sidebar{position:static!important}:is(#ll2-app,#lles) .section-compass{padding:10px}:is(#ll2-app,#lles) .section-compass :is(select,a){font-size:calc(13px * var(--lab-text-scale))!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.draft-data-chart{margin:20px 0;background:#fff;border:1px solid #bdd4ca;border-radius:18px;padding:20px}.draft-data-chart figcaption{display:grid;gap:5px}.draft-data-chart figcaption span{font-size:14px;color:#526f63}.draft-data-chart svg{width:100%;height:auto;margin:18px 0;color:#29473b;font:14px system-ui}.draft-data-chart svg text{fill:currentColor}.draft-data-chart table{width:100%;border-collapse:collapse}.draft-data-chart td,.draft-data-chart th{padding:8px;text-align:left;border-bottom:1px solid #dae5df}
.draft-concept-map{border:1px solid #c5d9cf;border-radius:20px;background:linear-gradient(125deg,#f4f9f3,#eef5f8);padding:22px;margin-top:24px}.draft-concept-map h3{margin:0}.concept-canvas{position:relative}.concept-canvas ol{list-style:none;padding:0 0 0 50px;margin:16px 0;display:grid;gap:16px}.concept-canvas li{position:relative;min-width:0;z-index:1}.concept-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.concept-canvas button{display:flex;align-items:start;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid #bfd3ca;border-left:4px solid #347b73;padding:16px;border-radius:12px}.concept-canvas li:nth-child(3n+2) button{border-left-color:#477ba5}.concept-canvas li:nth-child(3n) button{border-left-color:#9276aa}.concept-canvas small{display:block;margin-top:8px;font-weight:400;line-height:1.6}.concept-number{display:grid;place-items:center;border-radius:50%;min-width:30px;width:30px;height:30px;background:#eaf2ec;color:#315b50;flex:none}.concept-canvas [aria-pressed=true]{box-shadow:0 0 0 3px #9dc9b7;border-color:#428876}.concept-relationships{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.concept-relationships li{padding:10px 14px;background:#fff;border:1px solid #d1e0d8;border-radius:10px}.concept-relationships b{display:inline-block;margin-right:8px;color:#396f60}.concept-relationships .is-connected{background:#dfedce;border-color:#9bbe7a}.concept-lines .is-connected{stroke:#245c49;stroke-width:3;stroke-dasharray:7 3;animation:concept-flow 1.4s linear infinite}@keyframes concept-flow{to{stroke-dashoffset:-20}}
@media(max-width:600px){.draft-concept-map{padding:15px}.concept-canvas ol{padding-left:45px}.concept-canvas button{padding:12px;display:block}.concept-number{margin-bottom:8px}.draft-data-chart{padding:12px}}
@media(prefers-reduced-motion:reduce){.concept-lines .is-connected{animation:none}}
#word-study-dialog{color:#173e39;background:#fafdf8;border:1px solid #bcd3c7;border-radius:24px;padding:24px;width:min(680px,calc(100vw - 24px));max-height:90dvh;box-sizing:border-box;overflow:auto;font:calc(17px * var(--lab-text-scale))/1.65 system-ui}#word-study-dialog::backdrop{background:#102c3866;backdrop-filter:blur(4px)}#word-study-dialog button,#word-study-dialog input{font:inherit;min-height:44px;border:1px solid #bbd1c6;border-radius:11px;padding:9px 13px;background:white;color:#1f564a;box-sizing:border-box;max-width:100%}#word-study-dialog button:disabled{opacity:.55}#word-study-dialog h2{font-size:26px;margin:0}#word-study-dialog h3{font-size:27px;line-height:1.45;margin-top:0}.study-header{display:flex;justify-content:space-between;align-items:start;gap:20px}.study-header p{margin:4px 0 18px}.study-header>button{flex:none}.study-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.study-modes button[aria-pressed=true]{background:#1f564a!important;color:white!important}.study-count{font-size:14px;color:#577466}.study-card{background:white;border:1px solid #c6dacf;border-radius:20px;padding:24px}.study-card label{display:grid;gap:8px;margin:16px 0}.study-card input{width:100%}.study-reveal{border-top:1px solid #d4e1d9;margin-top:20px;padding-top:16px;animation:study-reveal .25s ease}.study-reveal[hidden]{display:none}.study-rating,.study-navigation{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}#word-study-dialog footer p{font-size:14px;color:#526b61}.study-card blockquote{margin:14px 0;padding-left:14px;border-left:3px solid #679d89}#word-study-dialog [data-study-status]{min-height:1.5em}button.word-study-launch{display:inline-flex;gap:8px;align-items:center}@keyframes study-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:500px){#word-study-dialog{padding:16px}.study-card{padding:18px}.study-modes button{font-size:14px!important;padding:8px 4px!important}}@media(prefers-reduced-motion:reduce){.study-reveal{animation:none}}
/* Controls wrap by available width, including enlarged text. */
:is(#ll2-app,#lles) .region-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:7px!important;min-width:0;max-width:100%}
:is(#ll2-app,#lles) .region-tabs button{flex:0 0 auto!important;width:auto!important;max-width:100%;padding:9px 13px!important;min-height:44px!important;border-radius:12px!important;white-space:normal!important;font-size:calc(15px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) .sound-console .mouth-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr))}
:is(#ll2-app,#lles) .sound-console-top{flex-wrap:wrap;gap:8px}
:is(#ll2-app,#lles) .sound-console-top label{flex:1;justify-content:flex-end;min-width:180px;font-size:calc(14px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) .sound-status{flex:none;white-space:nowrap}
:is(#ll2-app,#lles) .all-examples .scope-example-controls{pointer-events:auto;opacity:1}
:is(#ll2-app,#lles) .all-examples .scope-example-controls button{visibility:visible}
@media(max-width:700px){.site-header nav ul{gap:12px!important;display:flex!important;flex-wrap:wrap!important;align-items:center;padding:0!important}.site-header nav ul a{font-size:14px!important;line-height:1.4;white-space:nowrap}.site-header nav{align-self:center}.site-header .lab-display-button{font-size:13px}.site-header .lab-display-button>span:first-child{font-size:18px}
html[data-lab-text=large] :is(#ll2-app,#lles) .lab-navigation>nav,html[data-lab-text=largest] :is(#ll2-app,#lles) .lab-navigation>nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-lab-text=largest] :is(#ll2-app,#lles) .experience-bar{grid-template-columns:1fr}
}
.thread-expanded-example{border-top:1px solid #ccded4;margin:24px 0;padding-top:24px}
@media(max-width:700px){:is(#ll2-app,#lles) :is(input,select,textarea){font-size:max(16px,calc(16px * var(--lab-text-scale)))!important}}
.site-header nav{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.site-header nav ul{justify-content:flex-start!important;margin:0!important;text-align:left}.site-header .lab-display-button{flex:none}
@media(max-width:700px){.site-header nav{grid-column:1/-1!important;grid-row:3!important;gap:10px}.site-header nav ul{gap:10px!important}.site-header .lab-display-button{padding:8px 10px}
html:not([data-lab-text=large]):not([data-lab-text=largest]) :is(#ll2-app,#lles) .lab-navigation>nav:has(>a:nth-child(5):last-child)>a:nth-child(n+4){transform:translateX(calc(50% + 2.5px))}
}

/* Compact default with readable controls; text settings reflow instead of zooming the page. */
:is(#ll2-app,#lles) h1{font-size:calc(clamp(38px,5.1vw,64px) * var(--lab-text-scale))!important;overflow-wrap:break-word}
:is(#ll2-app,#lles) .chapter-heading h1{font-size:calc(clamp(31px,3.2vw,43px) * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) .atlas-map-title h1{font-size:calc(44px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) h2{font-size:calc(27px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) :is(.atlas-island,.stack-card,.field-card,.draft-library-card,.lesson-card) h2{font-size:calc(24px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) h3{font-size:calc(21px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) h4{font-size:calc(18px * var(--lab-text-scale))!important}
:is(#ll2-app,#lles) :is(p,li,blockquote,.draft-evidence){line-height:1.6}
:is(#ll2-app,#lles) :is(.reading-prose,.es-source,.discovery-example){line-height:1.7}
:is(#ll2-app,#lles) .lab-navigation{margin-bottom:16px;gap:8px}
:is(#ll2-app,#lles) .lab-navigation>nav>a{min-height:74px!important;padding:9px 7px!important;gap:6px}
:is(#ll2-app,#lles) .lab-navigation .lab-symbol{width:25px;height:25px}
:is(#ll2-app,#lles) .experience-bar{padding:18px!important;gap:12px}
:is(#ll2-app,#lles) .field-card-grid{gap:18px}
:is(#ll2-app,#lles) .field-card{padding:clamp(18px,2.5vw,28px);border-radius:19px}
:is(#ll2-app,#lles) .field-card h2{margin:14px 0}
:is(#ll2-app,#lles) .field-card-stations{margin:15px 0;gap:6px}
:is(#ll2-app,#lles) .field-card-number{font-size:calc(14px * var(--lab-text-scale));display:inline-block}
:is(#ll2-app,#lles) :is(.draft-brief,.draft-editor){padding:20px}
:is(#ll2-app,#lles) .draft-choice{padding:12px!important}
:is(#ll2-app,#lles) :is(.stack-card,.atlas-island){padding:20px}
:is(#ll2-app,#lles) .discovery-section{margin-bottom:28px}
#lab-display-dialog{font:16px/1.5 system-ui;max-height:90dvh;overflow:auto}
#lab-display-dialog [data-display-reset]{margin-top:12px;min-height:44px;padding:9px 12px;border:1px solid #b5ccc2;background:#edf5ef;border-radius:10px;color:#194e43;font:inherit;cursor:pointer}
@media(max-width:700px){
 :is(#ll2-app,#lles) .lab-navigation>nav>a{min-height:70px!important;padding:8px 5px!important}
 :is(#ll2-app,#lles) .atlas-map-title h1{font-size:calc(38px * var(--lab-text-scale))!important}
 :is(#ll2-app,#lles) :is(.experience-bar,.draft-brief,.draft-editor){padding:15px!important}
 :is(#ll2-app,#lles) .field-card{padding:18px}
 :is(#ll2-app,#lles) :is(input,select,textarea),#lab-display-dialog select{font-size:max(16px,calc(16px * var(--lab-text-scale)))!important}
}