/* Classroom reading scale; local-only layout, no changes to learner storage. */
body[data-mode="learn"]{font:18px/1.85 var(--body);overflow-wrap:anywhere}
body[data-mode="learn"] *,body[data-mode="learn"] *::before,body[data-mode="learn"] *::after{box-sizing:border-box}
body[data-mode="learn"] :is(.classroom-shell,.classroom-toolbar,.class-case-picker,.class-intro,.class-puzzle,.class-bank,.class-cell,.classroom-aux,.case-studio,.studio-body,.diagram-sheet,.diagram-scroll,.screen-lab,.operation-screen,.joint-screen,.grand-workbench,.grand-islands article){min-width:0;max-width:100%}
body[data-mode="learn"] .classroom-shell{max-width:1440px;padding:32px clamp(20px,3vw,40px)}
body[data-mode="learn"] .classroom-toolbar{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px}
body[data-mode="learn"] .classroom-toolbar label{max-width:none}
body[data-mode="learn"] .classroom-toolbar .class-case-picker select{font:18px/1.7 var(--body);min-height:52px;white-space:nowrap;text-overflow:ellipsis}
body[data-mode="learn"] .class-case-picker>span{font-size:16px}
body[data-mode="learn"] .classroom-toolbar h1{font:900 clamp(30px,3.5vw,46px)/1.5 var(--display)}
body[data-mode="learn"] :is(.classroom-toolbar p,.mode-instructions p,.class-reference-grid p,.class-cell>p,.class-unlock,.class-intro>p,.class-count){font-size:18px;line-height:1.9}
body[data-mode="learn"] .classroom-toolbar .case-current-title{font:21px/1.85 var(--island)}
body[data-mode="learn"] .class-intro p.class-event{font:25px/1.9 var(--island)}
body[data-mode="learn"] :is(.class-intro h2,.class-puzzle h2,.mode-instructions h2){font-size:clamp(27px,2.9vw,36px)}
body[data-mode="learn"] :is(button.primary,button.secondary){font:18px/1.75 var(--body);min-height:48px;padding:12px 16px;white-space:normal}
body[data-mode="learn"] .class-piece,body[data-mode="learn"] .class-cell .class-piece{font:18px/1.85 var(--body);min-height:98px;padding:14px 12px}
body[data-mode="learn"] .piece-grip{flex:0 0 34px}
body[data-mode="learn"] .piece-grip small{font-size:12px;line-height:1.6}
body[data-mode="learn"] .class-cell .secondary{font-size:16px}
body[data-mode="learn"] .class-note :is(summary,label){font-size:16px;line-height:1.85}
body[data-mode="learn"] :is(.class-note textarea,.studio-note textarea){font:18px/1.9 var(--body);min-height:140px;max-width:100%}
body[data-mode="learn"] .cci-frame{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-mode="learn"] .sipoc-frame{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-mode="learn"] .class-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-mode="learn"] .class-reference-grid h3{font:24px/1.8 var(--island)}
body[data-mode="learn"] :is(.class-note-toolbar,.class-step-row,.class-check-row,.studio-links){flex-wrap:wrap;gap:14px}
body[data-mode="learn"] .class-note-toolbar>span{flex:1 1 280px;font-size:16px;line-height:1.85}
body[data-mode="learn"] .diagram-tabs,body[data-mode="learn"] .screen-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:8px}
body[data-mode="learn"] :is(.diagram-tabs button,.screen-tabs button){font:18px/1.8 var(--body);min-height:54px;min-width:0;max-width:100%;white-space:normal;flex:1 1 230px;padding:14px}
body[data-mode="learn"] :is(.diagram-sheet header h4,.screen-lab h4){font:900 27px/1.7 var(--display)}
body[data-mode="learn"] :is(.diagram-sheet header p,.diagram-caption,.record-note,.screen-lab header p,.screen-trace,.screen-next,.operation-screen p,.joint-screen p,.studio-note){font-size:18px;line-height:1.9}
body[data-mode="learn"] .diagram-scroll{width:100%;overflow:auto;overscroll-behavior-x:contain;border-radius:6px}
body[data-mode="learn"] .diagram-scroll:focus-visible{outline:3px solid #d6a337;outline-offset:4px}
body[data-mode="learn"] .diagram-scroll-hint{font:16px/1.8 var(--body);padding:10px 14px;background:#e2f2f3;border-left:4px solid #078895;margin:16px 0}
body[data-mode="learn"] .service-table{min-width:920px;table-layout:fixed}
body[data-mode="learn"] .service-table :is(th,td){font-size:17px;line-height:1.85;padding:14px}
body[data-mode="learn"] .service-table th:first-child{width:160px}
body[data-mode="learn"] .service-table tbody th{position:sticky;left:0;z-index:3}
body[data-mode="learn"] .service-table td p{font-size:18px;line-height:1.85}
body[data-mode="learn"] :is(.service-table caption,.lane-table caption){font-size:16px;line-height:1.85;padding:12px 0;height:auto}
body[data-mode="learn"] .need-tag{font:700 13px/1.6 var(--body);padding:3px 7px}
body[data-mode="learn"] .decision-pin{font-size:15px;line-height:1.7}
body[data-mode="learn"] .lane-canvas{width:1560px;max-width:none!important}
body[data-mode="learn"] .lane-table{width:100%}
body[data-mode="learn"] .lane-canvas.lane-fit{width:100%;min-width:1240px}
body[data-mode="learn"] .lane-table th,body[data-mode="learn"] .lane-fit .lane-table th{font:700 17px/1.8 var(--body);padding:12px 10px;overflow-wrap:anywhere}
body[data-mode="learn"] .lane-table tbody th{font-size:18px}
body[data-mode="learn"] .lane-table td,body[data-mode="learn"] .lane-fit .lane-table td{height:260px;padding:14px 8px}
body[data-mode="learn"] .lane-node,body[data-mode="learn"] .lane-fit .lane-node{font:18px/1.85 var(--body);padding:14px 12px;min-height:150px}
body[data-mode="learn"] .lane-node p,body[data-mode="learn"] .lane-fit .lane-node p{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:18px;line-height:1.85}
body[data-mode="learn"] .lane-node small,body[data-mode="learn"] .lane-fit .lane-node small{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:16px;line-height:1.85}
body[data-mode="learn"] .lane-fit .lane-node>b{font-size:16px;width:26px;height:26px}
body[data-mode="learn"] .lane-fit .need-tag{font-size:13px}
body[data-mode="learn"] .diagram-fit{font-size:16px}
body[data-mode="learn"] .screen-tabs button small{font-size:15px;line-height:1.7}
body[data-mode="learn"] :is(.screen-mission>span,.screen-mission>small,.demo-stamp,.screen-step-label,.screen-needs-label){font-size:16px!important;line-height:1.85}
body[data-mode="learn"] .screen-mission>p{font-size:21px!important;line-height:1.85}
body[data-mode="learn"] .screen-need-strip article{font-size:17px;line-height:1.85}
body[data-mode="learn"] .screen-purpose h5{font:24px/1.85 var(--island)}
body[data-mode="learn"] .screen-purpose>p:last-child{font-size:18px}
body[data-mode="learn"] :is(.screen-walkthrough,.screen-walkthrough summary,.screen-trace>details,.screen-lab .operation-screen>p:last-child,.simulation-log,.acceptance-proof,.demo-receipt){font-size:17px;line-height:1.9}
body[data-mode="learn"] .operation-top{flex-wrap:wrap}
body[data-mode="learn"] .operation-top small{font-size:16px}
body[data-mode="learn"] .record-table{min-width:840px;font-size:18px}
body[data-mode="learn"] .record-table :is(th,td){font-size:17px;line-height:1.85}
body[data-mode="learn"] .record-table .secondary{font-size:16px;min-width:130px}
body[data-mode="learn"] .join-detail{grid-template-columns:150px minmax(0,1fr);font-size:18px;line-height:1.85}
body[data-mode="learn"] .joint-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-mode="learn"] .joint-kpis span:last-child,body[data-mode="learn"] .joint-teaching small{font-size:16px}
body[data-mode="learn"] .grand-workbench{padding:24px;max-width:100%}
body[data-mode="learn"] .grand-islands{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-mode="learn"] .grand-workbench :is(input,select,textarea){min-width:0;max-width:100%;font:18px/1.9 var(--body)}
body[data-mode="learn"] .grand-workbench input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}
body[data-mode="learn"] .grand-workbench pre{white-space:pre-wrap;word-break:break-word;font:17px/1.9 var(--body)}
body[data-mode="learn"] .grand-workbench .studio-links button{flex:1 1 230px}
body[data-mode="learn"] .bee-guide-title small{font-size:16px}
body[data-mode="learn"] .bee-wing b{font-family:var(--pirate)}
body[data-mode="learn"] .bee-wing>span{font-family:var(--island)}
.bee-mobile-labels{display:none}
@media(max-width:1100px){
 body[data-mode="learn"] .classroom-toolbar{grid-template-columns:minmax(0,1fr)}
 body[data-mode="learn"] .cci-frame,body[data-mode="learn"] .sipoc-frame{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-mode="learn"] .class-reference-grid,body[data-mode="learn"] .grand-islands{grid-template-columns:minmax(0,1fr)}
 body[data-mode="learn"] .classroom-toolbar .class-case-picker{width:100%;max-width:650px}
 body[data-mode="learn"] .joint-kpis,body[data-mode="learn"] .screen-need-strip{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:900px){
 body[data-mode="learn"] .bee-flight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;aspect-ratio:auto}
 body[data-mode="learn"] .bee-flight svg{grid-column:1/-1;grid-row:1;height:auto;aspect-ratio:1100/420}
 body[data-mode="learn"] .bee-mobile-labels{display:block}
 body[data-mode="learn"] .bee-wing{position:relative;inset:auto;transform:none;width:100%;min-height:122px;padding:14px 8px;border:2px solid #e8ba51;border-radius:12px;background:#ffedbb;color:#153b55}
 body[data-mode="learn"] .bee-wing-0{grid-column:1;grid-row:2}
 body[data-mode="learn"] .bee-wing-1{grid-column:2;grid-row:2;background:#efb347}
 body[data-mode="learn"] .bee-wing-2{grid-column:1;grid-row:4;background:#c8eff0;border-color:#078895}
 body[data-mode="learn"] .bee-wing-3{grid-column:2;grid-row:4;background:#076e7c;border-color:#076e7c;color:white}
 body[data-mode="learn"] .bee-wing b{font-size:26px;line-height:1.4}
 body[data-mode="learn"] .bee-wing>span{font-size:23px;line-height:1.5;margin:4px 0;letter-spacing:0}
 body[data-mode="learn"] .bee-wing small{font-size:16px;line-height:1.6}
 body[data-mode="learn"] .bee-wing.is-current{outline:3px solid #153b55;outline-offset:2px;box-shadow:none}
 body[data-mode="learn"] .bee-wing.is-current:after{position:static;display:block;transform:none;width:max-content;margin:7px auto 0;font-size:13px;padding:3px 10px}
 body[data-mode="learn"] .bee-hmw{position:static;grid-column:1/-1;grid-row:3;transform:none;width:100%;aspect-ratio:auto;min-height:60px;border-radius:12px;font:24px/1.6 var(--pirate);padding:12px}
 body[data-mode="learn"] .bee-hmw small{display:inline;font:17px/1.8 var(--island);margin-left:12px;white-space:normal}
 body[data-mode="learn"] .bee-legend{flex-direction:column;gap:6px;font-size:17px;line-height:1.8}
}
@media(max-width:600px){
 body[data-mode="learn"] .classroom-shell{padding:24px 14px}
 body[data-mode="learn"] .topbar{padding:16px;gap:14px}
 body[data-mode="learn"] .topbar nav{gap:10px}
 body[data-mode="learn"] :is(.class-intro,.class-puzzle){padding:22px 14px}
 body[data-mode="learn"] .mode-instructions{padding:22px 18px}
 body[data-mode="learn"] .class-gate{padding:22px 14px}
 body[data-mode="learn"] .class-gate label{font-size:18px;padding:14px 12px}
 body[data-mode="learn"] .class-bank{padding:20px 12px}
 body[data-mode="learn"] .cci-frame,body[data-mode="learn"] .sipoc-frame{grid-template-columns:minmax(0,1fr)}
 body[data-mode="learn"] .class-cell{padding:20px 14px}
 body[data-mode="learn"] .class-bank>div{grid-template-columns:minmax(0,1fr)}
 body[data-mode="learn"] .class-section-head{display:block}
 body[data-mode="learn"] .class-note-toolbar>span{flex-basis:auto}
 body[data-mode="learn"] :is(.class-step-row button,.class-note-toolbar button,.class-check-row button){width:100%}
 body[data-mode="learn"] .bee-guide{padding:20px 12px}
 body[data-mode="learn"] .bee-guide-title{display:block}
 body[data-mode="learn"] .bee-guide-title>span{font-size:26px}
 body[data-mode="learn"] .bee-guide-title small{font-size:16px;line-height:1.85;margin-top:8px}
 body[data-mode="learn"] .bee-flight{gap:12px}
 body[data-mode="learn"] .bee-wing b{font-size:24px}
 body[data-mode="learn"] .diagram-sheet{padding:20px 10px}
 body[data-mode="learn"] :is(.diagram-tabs button,.screen-tabs button){flex-basis:100%;width:100%;border-radius:8px}
 body[data-mode="learn"] .service-table th:first-child{width:140px}
 body[data-mode="learn"] :is(.operation-screen,.joint-screen,.screen-trace,.screen-purpose,.screen-mission,.screen-next){padding:20px 12px}
 body[data-mode="learn"] .join-detail{grid-template-columns:minmax(0,1fr);padding:16px 12px}
 body[data-mode="learn"] .grand-workbench{padding:18px 10px}
 body[data-mode="learn"] .grand-workbench>section{padding:22px 12px}
 body[data-mode="learn"] .grand-islands article{padding:20px 12px}
 body[data-mode="learn"] .grand-workbench .studio-links{width:100%}
 body[data-mode="learn"] #grand-output{padding:16px 12px}
}
@media(max-width:360px){
 body[data-mode="learn"] .classroom-shell{padding-inline:10px}
 body[data-mode="learn"] .topbar nav{width:100%}
 body[data-mode="learn"] .topbar nav a{flex:1;justify-content:center}
 body[data-mode="learn"] .brand-name{font-size:24px}
 body[data-mode="learn"] .brand .brand-name small{font-size:12px}
 body[data-mode="learn"] .bee-wing b{font-size:22px}
 body[data-mode="learn"] .bee-guide-title>span{font-size:24px}
}

body[data-mode="learn"] :is(.service-cell-layer,.lane-node-role){display:none}
@media(max-width:600px){
 body[data-mode="learn"] .service-table{min-width:800px}
 body[data-mode="learn"] .service-table th:first-child{width:120px}
 body[data-mode="learn"] .service-table tbody th,body[data-mode="learn"] .lane-table tbody th{position:static}
 body[data-mode="learn"] .lane-canvas .lane-table th:first-child{width:120px}
 body[data-mode="learn"] .service-cell-layer,body[data-mode="learn"] .lane-node-role{display:block;font:700 16px/1.8 var(--body);color:#285f70;background:#e7f2f4;padding:7px 9px;margin:0 0 12px;border-radius:5px}
 body[data-mode="learn"] .lane-node-role{margin-top:10px}
}