/* Scoped entirely to the board's simple-mode root. No global element rules. */
.hb-simple{width:100%;min-width:0;color:#25434b;font:500 15px/1.45 system-ui;text-align:left;overflow-wrap:anywhere}
.hb-simple *{box-sizing:border-box}
.hb-simple p{margin:8px 0}
.hb-simple label{display:block;margin:10px 0;font-weight:650}
.hb-simple input,.hb-simple textarea,.hb-simple select{display:block;width:100%;min-width:0;max-width:100%;min-height:42px;margin-top:4px;padding:8px;border:1px solid #6e9095;border-radius:9px;background:#fff;color:#25434b;font:inherit}
.hb-simple textarea{min-height:76px;resize:vertical}
.hb-simple button{min-width:0;min-height:42px;padding:8px 12px;margin:2px;border:1px solid #7b9da0;border-radius:10px;background:#fff;color:#25434b;font:650 15px/1.35 system-ui;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.hb-simple button:hover{background:#edf7f5}
.hb-simple button[aria-pressed=true]{background:#f7e6ad;border-color:#866418;box-shadow:inset 0 0 0 1px #866418}
.hb-simple button:disabled{opacity:.5;cursor:default}
.hb-simple :focus-visible{outline:3px solid #8054b4;outline-offset:2px}
.hb-s-kicker{color:#466f74;font-size:11px;font-weight:800;letter-spacing:.12em}
.hb-simple details{margin:8px 0}.hb-simple summary{padding:7px 0;cursor:pointer;font-weight:650}
.hb-simple[data-simple-key="simple:word-builder"] .hb-s-word{font-size:36px;margin:6px 0}
.hb-simple[data-simple-key="simple:word-builder"] .hb-s-sounds{margin:10px 0}
.hb-simple[data-simple-key="simple:word-builder"] .hb-s-status:empty{min-height:0;margin:0}
.hb-s-controls,.hb-s-zone,.hb-s-letters,.hb-s-coins{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.hb-s-controls>button{flex:1 1 110px}
.hb-s-zone{padding:10px;border:1px dashed #729c9d;border-radius:12px;min-height:62px;background:#f1f7f5}
.hb-s-model{padding:14px;border-radius:12px;background:#eef6f3;border-left:4px solid #4e8d83;font-size:clamp(17px,4cqw,23px);font-weight:700;margin:10px 0}
.hb-s-word{font-size:clamp(30px,10cqw,60px);font-weight:750;text-align:center;letter-spacing:.04em;margin:12px 0}
.hb-s-sounds{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}
.hb-simple .hb-s-sound{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:54px;min-height:66px;padding:8px;border:2px solid #598c92;border-radius:12px;background:#eef7f5;font-size:26px;font-weight:750}
.hb-s-sound small{font-size:10px;color:#8d3956}
.hb-s-status{min-height:2.6em;color:#345e56}
.hb-s-note{display:block;padding:12px 0 4px;border-top:1px solid #d7e5e2;color:#53686b;font-size:12px}
.hb-s-keyboard{margin:12px 0;padding:8px;background:#eaf1f0;border-radius:8px}
.hb-s-keyboard>div{display:flex;gap:3px;justify-content:center;margin:3px 0}
.hb-s-keyboard span{flex:1;max-width:30px;border:1px solid #9eaeae;border-radius:4px;text-align:center;background:#fff}
.hb-s-keyboard .hb-s-anchor{border-bottom:3px solid #416e77;font-weight:800}
.hb-s-pyramid{display:grid;gap:8px;margin:12px 0}.hb-s-pyramid>div{padding:8px;border-bottom:1px solid #8ca9aa}
.hb-s-picture{font-size:100px;text-align:center;margin:14px 0}.hb-s-writing{display:block;width:100%;max-width:720px;margin:0 auto;aspect-ratio:10/3;border:1px solid #a8c3be;background:#fff;border-radius:9px;touch-action:none}
.hb-s-dots{display:flex;flex-wrap:wrap;align-content:start;gap:4px;margin:10px 0}.hb-s-dots span{color:#297b77;font-size:20px;line-height:1.1}
.hb-s-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hb-s-places>div{text-align:center;border:1px solid #a8c3be;border-radius:9px;padding:7px 3px;overflow:hidden}
.hb-s-digit{font-size:30px;font-weight:800}
.hb-s-one,.hb-s-ten,.hb-s-flat{display:inline-block;margin:2px;background-color:#53a59c;border:1px solid #306e71;vertical-align:top}
.hb-s-one{width:7px;height:7px}.hb-s-ten{width:7px;height:70px;background-image:linear-gradient(to bottom,transparent 85%,#225c65 85%);background-size:100% 10%}
.hb-s-flat{width:70px;height:70px;background-image:linear-gradient(to right,transparent 85%,#225c65 85%),linear-gradient(to bottom,transparent 85%,#225c65 85%);background-size:10% 100%,100% 10%}
.hb-s-rod{display:flex;flex-direction:column;align-items:center;background:linear-gradient(to right,transparent 48%,#a28b70 48%,#a28b70 52%,transparent 52%);min-height:160px}.hb-s-rod span{border-radius:50%;background:#78b9a3;width:34px;height:15px;color:transparent;margin:1px}
.hb-s-balance{height:8px;max-width:85%;margin:40px auto;background:#54777c;border-radius:4px;position:relative}.hb-s-balance:before,.hb-s-balance:after{content:'';position:absolute;top:8px;width:26px;height:25px;border:2px solid #54777c;border-radius:0 0 12px 12px}.hb-s-balance:before{left:0}.hb-s-balance:after{right:0}
.hb-s-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.hb-s-line{display:flex;overflow-x:auto;gap:0;margin:22px 0;border-bottom:3px solid #5f7f83;padding-bottom:8px}.hb-s-line button{flex:0 0 42px;padding:8px 2px;border-radius:5px}
.hb-s-grid{display:grid;gap:2px;max-width:280px;margin:12px auto}.hb-s-grid>span{aspect-ratio:1;display:grid;place-items:center;min-width:0;border:1px solid #98b7b4;font-size:clamp(8px,2.4cqw,13px)}
.hb-simple .hb-s-shaded{background:#357d76;color:#fff}
.hb-s-fraction{display:flex;width:100%;margin:15px 0;border:2px solid #558982}.hb-s-fraction button{flex:1 1 0;margin:0;border-radius:0;padding:8px 0;min-width:0;font-size:12px;min-height:60px}
.hb-s-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.hb-s-group{padding:10px;border:2px solid #79a7a2;border-radius:12px}
.hb-s-area{display:grid;margin:15px auto;border:3px solid #305b68}.hb-s-area span{aspect-ratio:1;border:1px solid #71a39c;background:#deeee5}
.hb-s-coordinate{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-left:3px solid #4d727c;border-bottom:3px solid #4d727c}.hb-s-coordinate button{font-size:11px;padding:3px;min-height:38px;margin:1px;border-radius:0}
.hb-s-coins button{min-width:48px;min-height:48px;border-radius:50%;background:#f6e7b5}
.hb-s-bar{position:relative;padding:9px 5px;background:#e6efec;border-radius:5px;isolation:isolate}.hb-s-bar>span{position:absolute;left:0;top:0;bottom:0;background:#a6d0b7;z-index:-1}.hb-s-bar strong{position:relative}
.hb-s-clock{width:min(100%,230px);aspect-ratio:1;margin:16px auto;border:3px solid #48727d;border-radius:50%;position:relative;background:#fff}.hb-s-clock-num{position:absolute;transform:translate(-50%,-50%);font-size:14px}
.hb-s-hand{position:absolute;bottom:50%;left:calc(50% - 3px);width:6px;height:27%;transform-origin:50% 100%;background:#436e77;border-radius:4px}.hb-s-long{width:3px;left:calc(50% - 1.5px);height:36%;background:#a85b32}
.hb-s-shape{width:min(80%,200px);height:170px;margin:22px auto;background:#55998d}.hb-s-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.hb-s-square{height:auto;aspect-ratio:1}.hb-s-rectangle{height:100px}.hb-s-pentagon{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%)}.hb-s-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
@container(max-width:250px){.hb-s-places{grid-template-columns:1fr}.hb-s-rod{min-height:90px;flex-direction:row;flex-wrap:wrap}.hb-s-controls>button{flex-basis:100%}}
.hb-s-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:12px 0}.hb-s-calendar strong{text-align:center;font-size:11px}.hb-s-calendar button{padding:5px 0;margin:0;border-radius:6px;font-size:14px;min-height:42px}
.hb-s-ruler{height:120px;margin:18px 10px;position:relative;border-bottom:3px solid #466e75;background:linear-gradient(to top,#f7e9bb 0 35px,transparent 35px)}.hb-s-measured{position:absolute;top:8px;height:36px;background:#5b998a;border:2px solid #315e57;border-radius:5px;color:white;text-align:center;font-size:12px;overflow:hidden;min-width:2px}.hb-s-tick{position:absolute;bottom:0;height:30px;border-left:1px solid #466e75;font-size:10px;padding-left:2px}
.hb-s-lanterns{display:flex;justify-content:space-around;gap:4px;font-size:clamp(16px,7cqw,27px);color:#667d80}.hb-s-lanterns>span{min-width:0}.hb-s-lanterns .hb-s-lit{color:#926510}
.hb-s-particle-group{flex:1 1 100px;min-width:0}.hb-s-particles{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.hb-s-particle{display:inline-grid;place-items:center;min-width:30px;min-height:30px;border-radius:50%;background:#dceeed;border:1px solid #517a83;font-size:12px;font-weight:750;padding:2px}
.hb-s-tank{position:relative;height:150px;max-width:260px;margin:15px auto;border:3px solid #567e89;border-top:0;background:linear-gradient(to bottom,#fff 0 40px,#c7e5ec 40px);border-radius:0 0 12px 12px}.hb-s-float{position:absolute;left:calc(50% - 28px);width:56px;height:40px;background:#e3ad62;border:2px solid #8b653a;border-radius:5px;display:grid;place-items:center;font-size:12px}
.hb-s-dinosaur{position:relative;width:min(100%,420px);margin:12px auto}.hb-s-dinosaur img{display:block;width:100%;height:auto}.hb-s-anatomy-marker{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border:3px solid #fff;border-radius:50%;background:#136784;color:#fff;font-size:16px;text-align:center;box-shadow:0 0 0 2px #136784}
.hb-s-ramp{height:7px;background:#527972;width:85%;margin:32px auto;transform-origin:right center;position:relative}.hb-s-ramp:before{content:'';position:absolute;left:15%;bottom:7px;width:24px;height:12px;border-radius:4px;background:#dca853}
.hb-s-products,.hb-s-voters,.hb-s-dictionary,.hb-s-hub-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:7px;margin:10px 0}
.hb-s-products button{margin:0}.hb-s-voter,.hb-s-dictionary>div,.hb-s-hub-list>span{border:1px solid #afc9c4;background:#f7fbf8;border-radius:9px;padding:7px;min-width:0}.hb-s-voter button{width:100%;margin:3px 0}
.hb-s-circuit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));gap:8px;margin:14px 0}.hb-s-circuit-part{min-height:85px;border:3px solid #638e8b;border-radius:13px;background:#eff8f2;display:grid;place-items:center;text-align:center}.hb-s-circuit-part span{font-size:23px;font-weight:800}
.hb-s-frame{width:min(100%,180px);height:120px;margin:22px auto;border:9px solid #6b9b91;transform:skew(8deg);position:relative}.hb-s-frame.hb-s-braced{transform:none}.hb-s-frame.hb-s-braced:after{content:'';position:absolute;left:0;bottom:0;width:calc(100% + 3px);border-top:8px solid #d99c58;transform-origin:left center;transform:rotate(-33deg)}
.hb-s-lever{height:110px;position:relative;margin:14px auto;max-width:300px;background:linear-gradient(to bottom,transparent 53%,#966f46 53%,#966f46 61%,transparent 61%)}.hb-s-lever span{position:absolute;left:45%;top:59%;font-size:23px;color:#4f7774}
.hb-s-gears{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;font-size:22px;margin:12px 0}.hb-s-gears>span:first-child,.hb-s-gears>span:last-child{font-size:14px;font-weight:700}
.hb-s-island,.hb-s-robot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;max-width:300px;margin:12px auto}.hb-s-island button{min-height:42px;margin:0;padding:2px;font-size:23px;line-height:1}.hb-s-terrain-0{background:#d8edc8!important}.hb-s-terrain-1{background:#bbdff0!important}.hb-s-terrain-2{background:#f4e4b6!important}.hb-s-terrain-3{background:#a2d0aa!important}
.hb-s-robot{grid-template-columns:repeat(4,minmax(0,1fr));max-width:240px}.hb-s-robot span{display:grid;place-items:center;aspect-ratio:1;background:#f5eacb;border:1px solid #a9a188;border-radius:8px;font-size:21px}.hb-s-code{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:10px 0}
.hb-s-teeth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:330px;margin:12px auto}.hb-s-teeth button{min-height:56px;border-radius:35% 35% 45% 45%;font-size:24px}.hb-s-brush-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:6px}
.hb-s-paint-grid{display:grid;gap:2px;width:min(100%,320px);margin:12px auto}.hb-s-paint-grid button{min-width:0;min-height:32px;aspect-ratio:1;margin:0;padding:0;border-radius:3px;border:1px solid #9aafa9;font-size:0}
.hb-s-character{height:150px;display:grid;place-items:center;margin:10px 0}.hb-s-character-body{width:95px;height:95px;border:3px solid #486a6c;display:grid;place-items:center;font-size:26px;color:#27434d}.hb-s-character-shape-0{border-radius:50%}.hb-s-character-shape-1{height:138px;border-radius:44%}.hb-s-character-shape-2{border-radius:10px}
.hb-s-storyboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:6px;margin:12px 0}.hb-s-storyboard>div{min-height:85px;padding:8px;border:2px solid #74918e;border-radius:9px;background:#eef5f2;display:flex;flex-direction:column;justify-content:space-between}
.hb-s-composition{position:relative;height:140px;border:2px solid #a0b5ad;background:linear-gradient(#e9f3ef 50%,#d4e3d8 50%);border-radius:10px}.hb-s-composition span{position:absolute;top:40%;transform:translate(-50%,-50%);color:#d07b55}
.hb-s-swatch{min-height:90px;border:2px solid #718b8e;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:800;color:#172d38;text-shadow:0 1px #fff}.hb-s-value{min-height:86px;display:grid;place-items:center;font-size:23px;font-weight:800;border-radius:9px}
.hb-s-piano,.hb-s-beats,.hb-s-tones{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0}.hb-s-piano button{flex:1 1 35px;min-height:100px;padding:5px;background:#fff}.hb-s-beats button{flex:1 1 35px;font-size:25px}.hb-s-tones button{flex:1 1 70px}
.hb-s-lyrics{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.hb-s-lyrics span{padding:5px 8px;border-radius:8px;background:#eff5f2;font-size:22px;font-weight:700}.hb-s-lyrics .hb-s-current{background:#f4dc92;color:#352e1b}
.hb-s-staff{position:relative;height:125px;margin:15px auto;max-width:330px;background:linear-gradient(to bottom,transparent 9%,#5b7480 9%,#5b7480 11%,transparent 11%,transparent 29%,#5b7480 29%,#5b7480 31%,transparent 31%,transparent 49%,#5b7480 49%,#5b7480 51%,transparent 51%,transparent 69%,#5b7480 69%,#5b7480 71%,transparent 71%,transparent 89%,#5b7480 89%,#5b7480 91%,transparent 91%)}.hb-s-staff-note{position:absolute;left:46%;font-size:32px;line-height:1;transform:translateY(50%)}
.hb-s-steps{display:flex;gap:3px;justify-content:center;margin:12px 0}.hb-s-steps span{flex:1 1 0;min-width:0;text-align:center;border:1px solid #8db6ad;border-radius:7px;padding:5px 0;background:#e6f4ee;font-weight:700}
/* The board is a teaching window: keep English and maths on one usable screen. */
.hb-simple[data-simple-family="english"],.hb-simple[data-simple-family="maths"]{font-size:14px;line-height:1.3}
.hb-simple[data-simple-family="english"] p,.hb-simple[data-simple-family="maths"] p{margin:4px 0}
.hb-simple[data-simple-family="english"] label,.hb-simple[data-simple-family="maths"] label{margin:5px 0}
.hb-simple[data-simple-family="english"] input,.hb-simple[data-simple-family="maths"] input,.hb-simple[data-simple-family="english"] select,.hb-simple[data-simple-family="maths"] select{min-height:38px;margin-top:2px;padding:5px 7px}
.hb-simple[data-simple-family="english"] textarea,.hb-simple[data-simple-family="maths"] textarea{min-height:58px;margin-top:2px;padding:5px 7px}
.hb-simple[data-simple-family="english"] button,.hb-simple[data-simple-family="maths"] button{min-height:38px;padding:5px 8px;margin:1px;font-size:14px}
.hb-simple[data-simple-family="english"] .hb-s-controls,.hb-simple[data-simple-family="maths"] .hb-s-controls{gap:2px;margin:5px 0}
.hb-simple[data-simple-family="english"] .hb-s-model,.hb-simple[data-simple-family="maths"] .hb-s-model{padding:9px;margin:6px 0;font-size:clamp(16px,3.7cqw,21px)}
.hb-simple[data-simple-family="english"] .hb-s-word,.hb-simple[data-simple-family="maths"] .hb-s-word{margin:6px 0;font-size:clamp(26px,8cqw,48px)}
.hb-simple[data-simple-family="english"] .hb-s-sounds,.hb-simple[data-simple-family="maths"] .hb-s-sounds{gap:5px;margin:7px 0}
.hb-simple[data-simple-family="english"] .hb-s-sound,.hb-simple[data-simple-family="maths"] .hb-s-sound{min-width:45px;min-height:53px;padding:5px;font-size:22px}
.hb-simple[data-simple-family="english"] .hb-s-status,.hb-simple[data-simple-family="maths"] .hb-s-status{min-height:0;margin:5px 0}
.hb-simple[data-simple-family="english"] .hb-s-note,.hb-simple[data-simple-family="maths"] .hb-s-note{padding:5px 0 2px;font-size:11px}
.hb-simple[data-simple-family="maths"] .hb-s-clock{width:min(100%,160px);margin:7px auto}
.hb-simple[data-simple-family="maths"] .hb-s-line{margin:8px 0}
.hb-simple[data-simple-family="maths"] .hb-s-grid{max-width:240px;margin:6px auto}

/* The word workspace uses the widget's spare height as a teaching stage.
   Settings/library scroll independently; controls and letters remain usable. */
.hb-simple.hb-word-workspace{flex:1;min-height:380px;display:flex;flex-direction:column;gap:8px;container-type:inline-size;overflow:auto}
.hb-word-workspace>.hb-s-kicker{display:none}
.hb-word-workspace .hb-word-tabs,.hb-word-workspace .hb-word-actions{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}
.hb-word-workspace .hb-word-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0}
.hb-word-workspace .hb-word-tabs{order:1}
.hb-word-workspace .hb-word-tabs button{flex:0 0 auto}
.hb-simple.hb-word-workspace .hb-word-toolbar button,.hb-simple.hb-word-workspace .hb-word-edit button{min-height:44px;padding:6px 10px;font-size:14px!important;line-height:1.2!important;white-space:nowrap}
.hb-word-workspace .hb-word-full{order:3;margin-left:auto}
.hb-word-workspace .hb-word-save{order:2;display:flex;align-items:center;gap:3px}
.hb-word-workspace .hb-word-save-menu{position:relative;margin:0;padding:0;border:0}
.hb-simple.hb-word-workspace .hb-word-save-menu summary{font-size:16px!important;line-height:1.2!important;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border:1px solid #9caead;border-radius:10px;box-sizing:border-box}
.hb-word-workspace .hb-word-save-menu[open]>button{position:absolute;top:100%;right:0;z-index:3;box-shadow:0 4px 16px #244e5733}
.hb-word-workspace .hb-word-tabs button[aria-pressed=true]{background:#254e57;color:#fff;border-color:#254e57;box-shadow:none}
.hb-word-workspace .hb-word-heading{order:0;display:flex;align-items:end;gap:8px;flex:1 0 100%;min-width:0;flex-wrap:wrap}
.hb-simple.hb-word-workspace .hb-word-heading label{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex:1 1 150px;min-width:120px;margin:0;font-size:13px!important;line-height:1.2!important}
.hb-word-workspace .hb-word-heading input{flex:1;min-width:0;width:100%;margin:0;min-height:44px}
.hb-word-workspace .hb-word-stage{flex:1;min-height:150px;display:flex;flex-direction:column;justify-content:safe center;align-items:stretch;background:#f1f7f5;border:1px solid #c4dcd8;border-radius:16px;padding:12px;overflow:auto;container-type:size}
.hb-word-workspace .hb-word-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(4px,1cqw,12px)}
.hb-simple.hb-word-workspace .hb-word-block{flex:0 1 calc((100% - 70px)/var(--word-count,5));min-width:44px;max-width:240px;min-height:clamp(64px,60cqh,230px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 5px;border:2px solid #528b85;background:#fff;border-radius:12px;touch-action:manipulation;container-type:inline-size}
.hb-simple.hb-word-workspace .hb-word-block[aria-pressed=true]{background:#ffedb9;border-color:#967229;box-shadow:0 0 0 2px #f7dc8a}
.hb-word-workspace .hb-word-letter{font-size:clamp(18px,min(32cqh,calc(130cqw / var(--block-letters,2))),112px);line-height:1.15;letter-spacing:.025em;overflow-wrap:normal}
.hb-word-workspace .hb-word-block:has(.hb-word-letter:not(:empty)){overflow-wrap:normal}
.hb-word-workspace .hb-word-block small{font-size:clamp(10px,1.5cqw,16px);font-weight:500}
.hb-word-workspace .hb-word-block[data-link]{border-bottom:5px solid #8062b0}
.hb-word-workspace .hb-word-reading{font-size:clamp(22px,4cqw,44px);text-align:center;margin-top:8px;color:#315b62}
.hb-simple.hb-word-workspace .hb-word-whole{font-size:clamp(32px,10cqw,112px)!important;background:transparent;border:0;min-height:70px;overflow-wrap:anywhere}
.hb-word-workspace .hb-word-bank{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}
.hb-simple.hb-word-workspace .hb-word-bank label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px!important}
.hb-word-workspace .hb-word-bank select{width:156px;min-width:0;min-height:44px;margin:0}
.hb-word-workspace .hb-word-bank-tiles{display:flex;justify-content:flex-start;flex:1 1 100px;flex-wrap:wrap;gap:4px;margin:0}
.hb-simple.hb-word-workspace .hb-word-bank-tiles button{flex:0 0 44px;min-height:44px;margin:0;padding:3px;font-size:20px}
.hb-word-workspace .hb-word-context,.hb-word-workspace .hb-word-box-count{display:flex;gap:4px}
.hb-word-workspace .hb-word-context button:disabled{opacity:.45}
.hb-word-workspace .hb-word-box-count{margin-left:0}
/* Override the site's !important prose floor only for compact supporting text. */
.hb-simple.hb-word-workspace>.hb-s-status{font-size:12px!important;line-height:1.3!important;flex-shrink:0}
.hb-simple.hb-word-workspace>.hb-s-note{font-size:11px!important;line-height:1.25!important;flex-shrink:0}
.hb-word-workspace[data-word-panel="settings"],.hb-word-workspace[data-word-panel="library"]{overflow:auto;min-height:0}
.hb-word-workspace .hb-word-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;align-content:start;overflow:auto;flex:1;min-height:100px}
.hb-word-workspace .hb-word-library button{display:flex;flex-direction:column;align-items:center;padding:12px}
.hb-word-workspace .hb-word-library strong{font-size:26px}
.hb-word-workspace .hb-word-library small{font-size:11px}
.hb-word-workspace .hb-word-library-card{display:flex;flex-direction:column}
.hb-simple.hb-word-workspace[data-word-card="true"]{min-height:180px}
.hb-simple.hb-word-workspace[data-word-card="true"] .hb-word-stage{min-height:90px}
.hb-simple.hb-word-workspace[data-word-card="true"]>p,.hb-simple.hb-word-workspace[data-word-card="true"]>small{font-size:12px!important;line-height:1.25!important}
.hb-word-workspace .hb-word-backup textarea{min-height:80px}
.hb-word-workspace .hb-word-actions button{flex:0 0 auto}
@container (max-width:480px){
  .hb-simple.hb-word-workspace .hb-word-toolbar button,.hb-simple.hb-word-workspace .hb-word-edit button{padding:5px 7px}
  .hb-word-workspace .hb-word-heading{flex-basis:100%}
  .hb-word-workspace .hb-word-bank-tiles{flex-basis:100%}
  .hb-simple.hb-word-workspace .hb-word-bank-tiles button{flex-basis:36px;min-height:36px;font-size:18px}
}
@container (max-width:350px){.hb-word-workspace .hb-word-stage{min-height:150px}}
@container (max-width:280px){.hb-word-workspace .hb-word-stage{min-height:190px}}
/* Hearth word workbench: colourful Victorian handwriting tiles. Tile colours
   are decorative; the dark selection outline is not a correctness indicator. */
.hb-simple.hb-word-workspace{color:#244b49}
.hb-word-workspace .hb-word-toolbar{gap:8px;padding:2px 0 6px}
.hb-word-workspace .hb-word-heading input{background:#fcfaf5;border-color:#a8b8ae;border-radius:12px;box-shadow:inset 0 2px 3px #33514a08}
.hb-simple.hb-word-workspace .hb-word-heading button{background:#246c61;color:#fff;border-color:#246c61;border-radius:12px;box-shadow:0 3px 0 #174e46}
.hb-word-workspace .hb-word-tabs{gap:0;background:#edf2ee;border-radius:13px}
.hb-simple.hb-word-workspace .hb-word-tabs button{background:transparent;border-color:transparent;border-radius:11px;color:#45645e}
.hb-simple.hb-word-workspace .hb-word-tabs button[aria-pressed=true]{background:#fff;border-color:#d6e1d9;color:#1e5e53;box-shadow:0 2px 3px #294d4110}
.hb-simple.hb-word-workspace .hb-word-save>button{background:#e8f3ec;border-color:#b3cfbf;color:#215c4e;border-radius:12px}
.hb-simple.hb-word-workspace .hb-word-save-menu summary{border-color:#c8d7cd;background:#f5f8f3;border-radius:12px;color:#315c50}
.hb-simple.hb-word-workspace .hb-word-full{border-color:transparent;background:transparent;color:#44685e;text-decoration:underline;text-underline-offset:4px}
.hb-word-workspace .hb-word-stage{border:2px solid #add8eb;border-radius:24px;background-color:#eaf7ff;background-image:radial-gradient(#73b4d233 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 0 0 6px #ffffff80;overflow:auto}
.hb-word-workspace .hb-word-strip{padding:10px 0 14px;gap:clamp(6px,1.2cqw,16px)}
.hb-simple.hb-word-workspace .hb-word-block{--tile-face:#a7e7dc;--tile-edge:#419d91;position:relative;border:2px solid var(--tile-edge);border-radius:22px;background:var(--tile-face);color:var(--tile-ink,#213951);box-shadow:0 7px 0 var(--tile-edge),0 12px 14px #294b3818;transition:background-color .12s,box-shadow .12s}
.hb-simple.hb-word-workspace .hb-word-block:nth-child(4n+2){--tile-face:#ffc8a9;--tile-edge:#c37b55}
.hb-simple.hb-word-workspace .hb-word-block:nth-child(4n+3){--tile-face:#ffe38a;--tile-edge:#bd932f}
.hb-simple.hb-word-workspace .hb-word-block:nth-child(4n+4){--tile-face:#d5c4f5;--tile-edge:#9373c0}
.hb-simple.hb-word-workspace .hb-word-block[aria-pressed=true]{background:var(--tile-face);border-color:#284d78;color:var(--tile-ink,#182e49);outline:3px solid #284d78;outline-offset:3px;box-shadow:0 7px 0 var(--tile-edge),0 12px 14px #294b3820}
.hb-word-workspace .hb-word-letter{font-family:var(--word-font,'VMC'),cursive;font-weight:var(--word-weight,400);font-synthesis:weight;letter-spacing:0;line-height:1.35}
.hb-word-workspace .hb-word-block small{color:var(--tile-ink,#365c4c)}
.hb-word-workspace .hb-word-block[data-link]{border-bottom:5px solid #8062b0}
.hb-simple.hb-word-workspace .hb-word-whole{font-family:var(--word-font,'VMC'),cursive;color:#213951;font-weight:var(--word-weight,400);font-synthesis:weight}
.hb-word-workspace .hb-word-edit{align-items:center;gap:6px}
.hb-simple.hb-word-workspace .hb-word-edit button{border-color:transparent;background:#edf3ef;color:#335d50;border-radius:12px;box-shadow:none}
.hb-simple.hb-word-workspace .hb-word-edit button[aria-pressed=true]{background:#f9e4a8;border-color:#b28a38;color:#59441f}
.hb-simple.hb-word-workspace .hb-word-context button:not(:disabled){background:#e1eee5;border-color:#b9cec1}
.hb-word-workspace .hb-word-box-count{gap:0;background:#edf3ef;border-radius:12px}
.hb-simple.hb-word-workspace .hb-word-box-count button{background:transparent}
.hb-word-workspace .hb-word-bank{padding:6px 8px;background:#f1eaff;border:1px solid #d5c1ed;border-radius:15px}
.hb-word-workspace .hb-word-bank select{background:#fffef9;border-color:#b7c8b9;border-radius:10px}
.hb-word-workspace .hb-word-bank-tiles{gap:5px}
.hb-simple.hb-word-workspace .hb-word-bank-tiles button{background:#d2f1e6;border-color:#71ab94;border-radius:10px;box-shadow:0 2px 0 #71ab94;color:#213951;font-family:var(--word-font,'VMC'),cursive;font-weight:var(--word-weight,400);font-synthesis:weight;font-size:24px;line-height:1.15}
.hb-simple.hb-word-workspace .hb-word-bank-tiles button:nth-child(3n+2){background:#ffe0bb;border-color:#c39a67;box-shadow:0 2px 0 #c39a67}
.hb-simple.hb-word-workspace .hb-word-bank-tiles button:nth-child(3n){background:#c7e6ff;border-color:#729fc1;box-shadow:0 2px 0 #729fc1}
.hb-simple.hb-word-workspace>.hb-s-status{margin:2px 0;min-height:0;color:#496b5c}
.hb-simple.hb-word-workspace>.hb-s-note{padding:5px 0 2px;border-color:#e3e9df;color:#68776c}
.hb-word-workspace .hb-word-library{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));flex:1 0 150px}
.hb-word-workspace .hb-word-library-card{border:1px solid #d4e1d4;border-radius:16px;padding:5px;background:#f4f7ee}
.hb-word-workspace .hb-word-library-card>button:first-child{background:#fffdf5;border-color:#d8dccb;border-radius:12px;box-shadow:0 3px 0 #d5dec9}
.hb-word-workspace .hb-word-library strong{font-family:'VMC',cursive;font-weight:400;font-synthesis:none;color:#213951}
.hb-simple.hb-word-workspace :focus-visible{outline:3px solid #285f96;outline-offset:3px}
.hb-word-workspace .hb-word-colours{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid #c9d5e5;border-radius:14px;background:#f5f8ff}
.hb-word-workspace .hb-word-colours>strong,.hb-word-workspace .hb-word-colours>small{flex-basis:100%}
.hb-word-workspace .hb-word-swatches{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 100%}
.hb-simple.hb-word-workspace .hb-word-swatches button{color:#213951;min-height:44px;font-size:13px!important;padding:6px 9px;border:1px solid #7c8799}
.hb-simple.hb-word-workspace .hb-word-swatches button[aria-pressed=true]{outline:2px solid #284d78;outline-offset:1px;box-shadow:none;border-color:#284d78}
.hb-word-workspace .hb-word-colours label{display:flex;align-items:center;gap:8px;margin:0}
.hb-word-workspace .hb-word-colours input[type=color]{width:48px;min-height:44px;margin:0;padding:3px;cursor:pointer}
.hb-simple.hb-word-workspace .hb-word-colours small{font-size:12px!important;line-height:1.35!important}
@media (hover:hover){
  .hb-simple.hb-word-workspace .hb-word-block:hover{border-color:#284d78}
  .hb-simple.hb-word-workspace .hb-word-bank-tiles button:hover{outline:2px solid #284d78;outline-offset:1px}
  .hb-simple.hb-word-workspace .hb-word-heading button:hover{background:#19584f}
}
@media (prefers-reduced-motion:reduce){.hb-simple.hb-word-workspace .hb-word-block{transition:none}}
@container (max-width:480px){
  .hb-word-workspace .hb-word-toolbar{gap:6px;padding:0}
  .hb-word-workspace .hb-word-bank{padding:4px;gap:6px}
  .hb-word-workspace .hb-word-bank-tiles{gap:4px}
  .hb-simple.hb-word-workspace .hb-word-bank-tiles button{font-size:21px}
  .hb-simple.hb-word-workspace .hb-word-block{border-radius:13px}
  .hb-word-workspace .hb-word-strip{padding:6px 0 10px}
}
@container (max-width:350px){
  .hb-simple.hb-word-workspace{gap:4px}
  .hb-word-workspace .hb-word-toolbar{gap:4px}
  .hb-word-workspace .hb-word-bank{gap:4px}
  .hb-word-workspace .hb-word-bank select{min-height:36px}
}
/* Content-first teacher workspace: the same paper/ink family as Assess & Plan
   and the approved Records design. These rules never style other widgets. */
.hb-w:has(.hb-word-workspace){border-color:#dce4d9;border-radius:10px;background:#fffefb}
.hb-w:has(.hb-word-workspace) .hb-w-head{background:#fffefb;border-top:2px solid #315f46;border-bottom:1px solid #dce4d9;color:#243c30}
.hb-w:has(.hb-word-workspace) .hb-w-head>span:nth-child(2){font:400 20px/1.25 Georgia,serif!important}
.hb-w:has(.hb-word-workspace) .hb-w-head>span:first-child{background:#e5efdf;border-radius:6px}
.hb-simple.hb-word-workspace{--ww-paper:#fffefb;--ww-ground:#f2f5ef;--ww-ink:#243c30;--ww-muted:#617065;--ww-line:#dce4d9;--ww-green:#315f46;--ww-soft:#e5efdf;background:var(--ww-paper);color:var(--ww-ink);font:400 14px/1.5 system-ui,-apple-system,sans-serif;gap:12px;padding:2px}
.hb-simple.hb-word-workspace :is(p,label,small,summary){font-family:system-ui,-apple-system,sans-serif!important;font-size:14px!important;line-height:1.5!important;font-weight:400;color:var(--ww-ink)}
.hb-simple.hb-word-workspace label{font-size:12px!important;font-weight:500;color:var(--ww-muted);margin:0}
.hb-simple.hb-word-workspace small{font-size:12px!important;color:var(--ww-muted)}
.hb-simple.hb-word-workspace :is(input,select,textarea){font:400 14px/1.4 system-ui,-apple-system,sans-serif!important;color:var(--ww-ink);background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:6px;min-height:38px;box-shadow:none;padding:7px 9px}
.hb-simple.hb-word-workspace :is(.hb-word-toolbar,.hb-word-edit,.hb-word-colours,.hb-word-appearance,.hb-word-transfer) button,
.hb-simple.hb-word-workspace[data-word-panel="settings"] button,
.hb-simple.hb-word-workspace .hb-word-library button{font:500 13px/1.4 system-ui,-apple-system,sans-serif!important;border:1px solid var(--ww-line);border-radius:6px;box-shadow:none;min-height:36px;padding:7px 10px;margin:0;color:var(--ww-ink);background:var(--ww-paper)}
.hb-simple.hb-word-workspace .hb-word-toolbar{gap:8px;padding-bottom:10px;border-bottom:1px solid var(--ww-line)}
.hb-word-workspace .hb-word-tabs{gap:0;padding:0;background:transparent;border-radius:0}
.hb-simple.hb-word-workspace .hb-word-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 12px;color:var(--ww-muted)}
.hb-simple.hb-word-workspace .hb-word-tabs button[aria-pressed="true"]{border-bottom-color:var(--ww-green);color:var(--ww-green);background:transparent;box-shadow:none;font-weight:650!important}
.hb-simple.hb-word-workspace .hb-word-heading button,
.hb-simple.hb-word-workspace .hb-word-save>button:last-of-type{background:var(--ww-green);border-color:var(--ww-green);color:#fff}
.hb-simple.hb-word-workspace .hb-word-full{border:0;background:transparent;color:var(--ww-green);font-weight:500!important}
.hb-simple.hb-word-workspace .hb-word-section-title{font:400 24px/1.25 Georgia,serif!important;color:var(--ww-ink);margin:0}
.hb-word-workspace .hb-word-library-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 0}
.hb-word-workspace .hb-word-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 0 14px;border-bottom:1px solid var(--ww-line)}
.hb-word-workspace .hb-word-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:12px;overflow:visible;flex:1 0 auto;min-height:120px;padding:2px 0 12px}
.hb-word-workspace .hb-word-library-card{border:1px solid var(--ww-line);border-radius:6px;padding:0;background:var(--ww-paper);overflow:hidden;align-self:start}
.hb-simple.hb-word-workspace .hb-word-library-card>button:first-child{align-items:flex-start;text-align:left;gap:6px;padding:16px;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:128px}
.hb-simple.hb-word-workspace .hb-word-library strong{font:400 30px/1.2 Georgia,serif!important;color:var(--ww-ink)}
.hb-word-workspace .hb-word-saved-parts{font-size:15px;font-weight:400;letter-spacing:.05em;color:var(--ww-green)}
.hb-simple.hb-word-workspace .hb-word-library-card>button:last-child:not(:first-child){border:0;border-top:1px solid var(--ww-line);border-radius:0;background:var(--ww-ground);text-align:left;align-items:flex-start;min-height:38px;padding:8px 16px;color:var(--ww-green)}
.hb-simple.hb-word-workspace .hb-word-library-card button:hover{background:var(--ww-soft)}
.hb-word-workspace .hb-word-empty{grid-column:1/-1;padding:18px 0;color:var(--ww-muted)!important}
.hb-word-workspace .hb-word-folder-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.hb-word-workspace .hb-word-folder-bar>strong{font-size:13px;font-weight:600;margin-right:auto}
.hb-simple.hb-word-workspace :is(.hb-word-folder-bar,.hb-word-folders,.hb-word-folder-editor) button{font:500 13px/1.4 system-ui!important;border:1px solid var(--ww-line);border-radius:6px;background:var(--ww-paper);color:var(--ww-ink);padding:8px 10px;min-height:38px;margin:0;box-shadow:none}
.hb-word-workspace .hb-word-folders{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0;max-height:200px;overflow:auto;padding:4px}
.hb-simple.hb-word-workspace .hb-word-folders button{display:flex;align-items:center;gap:8px;max-width:100%;text-align:left}
.hb-simple.hb-word-workspace .hb-word-folders button[aria-pressed=true]{border-color:var(--ww-green);background:var(--ww-soft);box-shadow:inset 0 0 0 1px var(--ww-green)}
.hb-word-workspace .hb-word-folder-icon{position:relative;display:inline-block;flex:0 0 24px;height:17px;margin-top:3px;border:1px solid #607164;border-radius:2px;background:var(--folder-colour,#b8d2bf)}
.hb-word-workspace .hb-word-folder-icon:before{content:'';position:absolute;left:-1px;top:-5px;width:11px;height:4px;border:1px solid #607164;border-bottom:0;border-radius:2px 2px 0 0;background:var(--folder-colour,#b8d2bf)}
.hb-word-workspace .hb-word-folder-editor{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px;background:var(--ww-ground);border:1px solid var(--ww-line);border-radius:6px}
.hb-word-workspace .hb-word-folder-editor>label:first-child{flex:1 1 160px}
.hb-word-workspace .hb-word-folder-editor input[type=color]{width:54px;min-height:38px;padding:3px;cursor:pointer}
.hb-word-workspace .hb-word-folder-view h3{font:400 19px/1.3 Georgia,serif;margin:0 0 4px;color:var(--ww-ink)}
.hb-word-workspace .hb-word-folder-view{align-self:center;min-width:0}
.hb-word-workspace .hb-word-move{border-top:1px solid var(--ww-line);margin:0;padding:0 12px 8px}
.hb-simple.hb-word-workspace .hb-word-move summary{font-size:12px!important;color:var(--ww-green);min-height:36px;padding:8px 0}
.hb-simple.hb-word-workspace .hb-word-library-card>button[data-simple-focus^="pin-"]{border:0;border-top:1px solid var(--ww-line);border-radius:0;background:var(--ww-ground);text-align:left;align-items:flex-start;min-height:38px;padding:8px 16px;color:var(--ww-green)}
.hb-word-workspace .hb-word-transfer{flex-shrink:0;border-top:1px solid var(--ww-line);margin:0;padding:6px 0}
.hb-simple.hb-word-workspace .hb-word-transfer summary{font-size:13px!important;font-weight:600;color:var(--ww-green);padding:8px 0;min-height:36px}
.hb-word-workspace .hb-word-transfer .hb-s-controls>button{flex:0 1 auto}
.hb-simple.hb-word-workspace .hb-word-transfer input[type=file]{font-size:12px!important;padding:8px}
.hb-word-workspace .hb-word-transfer input::file-selector-button{font:500 12px system-ui;border:1px solid var(--ww-line);border-radius:4px;padding:7px 10px;background:var(--ww-ground);color:var(--ww-ink);margin-right:10px}
.hb-word-workspace .hb-word-backup a{display:inline-block;margin:8px 0;color:var(--ww-green)}
.hb-simple.hb-word-workspace[data-word-panel="settings"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px}
.hb-word-workspace[data-word-panel="settings"]>:is(.hb-word-toolbar,h2,p,small,.hb-s-controls){grid-column:1/-1}
.hb-word-workspace[data-word-panel="settings"]>.hb-s-controls{margin:0;padding:10px 0;border-top:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line)}
.hb-word-workspace[data-word-panel="settings"]>.hb-s-controls>button{flex:0 1 auto}
.hb-word-workspace[data-word-panel="settings"]>label{align-self:start}
.hb-word-workspace[data-word-panel="settings"]>button{align-self:end;justify-self:start;min-height:38px}
.hb-word-workspace .hb-word-stage{background:#f4f7f3;background-image:none;border-color:var(--ww-line);border-radius:8px}
.hb-word-workspace .hb-word-bank{background:var(--ww-ground);border-color:var(--ww-line);border-radius:6px;padding:10px}
.hb-simple.hb-word-workspace .hb-word-bank label{font-size:12px!important}
.hb-simple.hb-word-workspace .hb-word-edit{background:transparent;border:0;border-top:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line);border-radius:0;padding:8px 0;gap:6px}
.hb-word-workspace .hb-word-box-count{background:transparent}
.hb-simple.hb-word-workspace .hb-word-edit button[aria-pressed="true"]{background:var(--ww-soft);border-color:var(--ww-green);color:var(--ww-green)}
.hb-word-workspace .hb-word-colours{border-color:var(--ww-line);background:var(--ww-ground);border-radius:6px}
.hb-simple.hb-word-workspace .hb-word-swatches button{border-color:#899789}
.hb-simple.hb-word-workspace :focus-visible{outline:2px solid var(--ww-green);outline-offset:2px}
.hb-simple.hb-word-workspace>.hb-s-note{border-color:var(--ww-line);color:var(--ww-muted)}
@container (max-width:430px){
  .hb-word-workspace .hb-word-filters{grid-template-columns:1fr;gap:8px}
  .hb-simple.hb-word-workspace[data-word-panel="settings"]{grid-template-columns:1fr}
  .hb-simple.hb-word-workspace{gap:9px}
  .hb-word-workspace .hb-word-library{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .hb-word-workspace .hb-word-library-heading{display:block}
  .hb-word-workspace .hb-word-library-heading small{display:block;margin-top:5px}
}
@media(pointer:coarse){.hb-simple.hb-word-workspace :is(button,summary,select,input){min-height:44px}}
/* Word appearance is scoped to teaching text, not the interface labels. */
.hb-word-workspace[data-word-font="victorian"]{--word-font:'VMC'}
.hb-word-workspace[data-word-font="rounded"]{--word-font:'Comic Neue'}
.hb-word-workspace[data-word-font="print"]{--word-font:system-ui}
.hb-word-workspace[data-word-bold="true"]{--word-weight:700}
.hb-word-workspace[data-word-bold="false"]{--word-weight:400}
.hb-word-workspace .hb-word-appearance{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0;padding:6px 0;border:0;border-radius:0;background:transparent}
.hb-simple.hb-word-workspace .hb-word-appearance label{display:flex;align-items:center;gap:6px;margin:0;font-size:13px!important;flex:1 1 125px}
.hb-word-workspace .hb-word-appearance select{min-width:0;width:auto;flex:1;min-height:40px;margin:0}
.hb-simple.hb-word-workspace .hb-word-appearance button{flex:0 0 auto;min-height:40px;padding:5px 9px;font-size:14px!important}
.hb-simple.hb-word-workspace .hb-word-appearance button[aria-pressed="true"]{background:#284d78;color:white}
.hb-word-workspace .hb-word-bank-hint{font-size:12px!important;line-height:1.3!important;flex:1 1 160px}
.hb-word-workspace .hb-word-bank-tiles{flex-basis:100%}
.hb-word-workspace .hb-word-edit{justify-content:flex-start}
.hb-word-workspace .hb-word-context{border-right:1px solid #cddace;padding-right:6px}
/* Keep the editable word dominant; auxiliary controls never enlarge the tray
   beyond its available viewport. Tiny windows can still scroll the workspace. */
.hb-simple.hb-word-workspace[data-word-panel="build"]{min-height:0;gap:6px;overscroll-behavior:contain}
.hb-word-workspace[data-word-panel="build"] .hb-word-toolbar{position:relative;gap:5px;padding-bottom:6px}
.hb-word-workspace .hb-word-style-menu{order:2;margin:0;padding:0;flex:0 0 auto}
.hb-simple.hb-word-workspace .hb-word-style-menu>summary{font:500 13px/1.4 system-ui!important;min-height:36px;padding:7px 10px;border:1px solid var(--ww-line);border-radius:6px;background:var(--ww-paper);color:var(--ww-ink)}
.hb-word-workspace .hb-word-style-body{position:absolute;z-index:20;left:0;top:100%;width:100%;max-height:min(320px,50dvh);overflow:auto;padding:12px;background:var(--ww-paper);border:1px solid var(--ww-line);border-radius:6px;box-shadow:0 8px 22px #243c3026}
.hb-word-workspace[data-word-panel="build"] .hb-word-stage{flex:1 0 170px;min-height:170px;padding:10px}
.hb-word-workspace[data-word-panel="build"] .hb-word-strip{gap:clamp(5px,1cqw,12px);padding:8px 0 14px}
.hb-simple.hb-word-workspace[data-word-panel="build"] .hb-word-block{min-height:clamp(78px,72cqh,420px);max-width:none;border-radius:16px}
.hb-word-workspace[data-word-panel="build"] .hb-word-letter{font-size:clamp(24px,min(45cqh,calc(150cqw / var(--block-letters,2))),180px)}
.hb-simple.hb-word-workspace[data-word-panel="build"] .hb-word-edit{padding:5px 0;gap:4px}
.hb-simple.hb-word-workspace[data-word-panel="build"] .hb-word-edit button{min-height:34px;padding:5px 8px;font-size:12px!important}
.hb-word-workspace[data-word-panel="build"] .hb-word-bank{flex:0 0 auto;gap:5px;padding:6px;min-height:0}
.hb-word-workspace[data-word-panel="build"] .hb-word-bank select{min-height:34px;max-width:160px}
.hb-simple.hb-word-workspace .hb-word-bank>button{font:500 12px/1.4 system-ui!important;min-height:34px;margin:0;padding:5px 8px;border-color:var(--ww-line);border-radius:6px}
.hb-word-workspace[data-word-panel="build"] .hb-word-bank-hint{flex:1 1 150px;font-size:11px!important;margin:0}
.hb-word-workspace[data-word-panel="build"] .hb-word-bank-tiles{--key-height:34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));grid-auto-rows:var(--key-height);flex:1 1 100%;gap:5px;max-height:calc(var(--key-height) + var(--key-height) + 15px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 4px 7px;align-content:start}
.hb-simple.hb-word-workspace[data-word-panel="build"] .hb-word-bank-tiles button{min-height:34px;padding:2px;line-height:1.1;font-size:clamp(14px,calc(54px / var(--key-letters,1)),23px);border-radius:7px;width:100%;margin:0;white-space:nowrap}
.hb-word-workspace .hb-word-bank-tiles[hidden]{display:none!important}
.hb-simple.hb-word-workspace[data-word-panel="build"]>.hb-s-note{padding-top:3px;font-size:10px!important}
.hb-simple.hb-word-workspace[data-word-panel="build"]>.hb-s-status{font-size:11px!important;line-height:1.25!important;margin:0}
.hb-simple.hb-word-workspace[data-word-panel="find"]{min-height:0;overflow:auto}
/* Presentation keeps the draft, library and teaching labels. */
.hb-word-workspace .hb-word-focus-toggle{order:2}
.hb-word-workspace[data-word-panel="build"][data-word-focus="true"] .hb-word-toolbar>:not(.hb-word-focus-toggle):not(.hb-word-full){display:none!important}
.hb-word-workspace[data-word-panel="build"][data-word-focus="true"]>:is(.hb-word-edit,.hb-word-bank,.hb-s-status,.hb-s-note){display:none!important}
.hb-word-workspace[data-word-panel="build"][data-word-focus="true"] .hb-word-stage{flex:1 0 170px}
.hb-word-workspace[data-word-panel="build"][data-word-focus="true"] .hb-word-letter{font-size:clamp(24px,min(48cqh,calc(150cqw / var(--block-letters,2))),300px)}
.hb-word-workspace[data-word-panel="build"][data-word-focus="true"] .hb-word-whole{font-size:clamp(32px,12cqw,240px)!important}
.hb-word-workspace .hb-word-find-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}
.hb-word-workspace .hb-word-find-form>label{flex:1 1 180px}
.hb-simple.hb-word-workspace :is(.hb-word-find-form,.hb-word-find-results) button{font:500 14px/1.4 system-ui!important;min-height:38px;padding:8px 12px;border:1px solid var(--ww-line);border-radius:6px;background:var(--ww-paper);color:var(--ww-ink);text-align:left;box-shadow:none}
.hb-word-workspace .hb-word-find-results{display:flex;flex-wrap:wrap;align-content:start;gap:7px}
.hb-word-workspace .hb-word-find-results>:is(h3,p){flex-basis:100%;margin:6px 0}
.hb-word-workspace .hb-word-find-results h3{font:400 20px/1.3 Georgia,serif;color:var(--ww-ink);border-top:1px solid var(--ww-line);padding-top:12px}
@container (max-width:430px){
  .hb-simple.hb-word-workspace[data-word-panel="build"] .hb-word-tabs button{padding:6px;font-size:12px!important}
  .hb-simple.hb-word-workspace[data-word-panel="build"] .hb-word-full{order:1;padding:6px;font-size:12px!important}
  .hb-word-workspace[data-word-panel="build"] .hb-word-bank select{width:130px}
  .hb-word-workspace[data-word-panel="build"] .hb-word-bank-hint{flex-basis:100%}
}
@media(pointer:coarse){.hb-word-workspace[data-word-panel="build"] .hb-word-bank-tiles{--key-height:44px}.hb-simple.hb-word-workspace[data-word-panel="build"] :is(.hb-word-bank-tiles button,.hb-word-edit button){min-height:44px}}
.hb-simple[data-simple-key="mathematics:abacus"] .hb-s-rod{min-height:105px}
.hb-simple[data-simple-key="mathematics:balance-scale"]>label,.hb-simple[data-simple-key="mathematics:coordinate-cartographer"]>label,.hb-simple[data-simple-key="mathematics:number-hop"]>label,.hb-simple[data-simple-key="mathematics:real-world-ruler"]>label,.hb-simple[data-simple-key="mathematics:calendar-carnival"]>label{display:inline-block;vertical-align:top;width:calc(50% - 4px);margin-right:4px}
.hb-simple[data-simple-key="mathematics:number-town"]>label{display:inline-block;vertical-align:top;width:calc(33.333% - 4px);margin-right:4px}
.hb-simple[data-simple-key="mathematics:coordinate-cartographer"] .hb-s-coordinate button{min-height:32px;padding:1px}
.hb-simple[data-simple-key="mathematics:rune-routes"] .hb-s-zone{min-height:38px;padding:4px;margin:4px 0}
.hb-simple[data-simple-key="mathematics:rune-routes"] .hb-s-zone button{min-height:34px;padding:4px}
.hb-simple[data-simple-key="mathematics:real-world-ruler"] .hb-s-ruler{height:82px;margin:8px 10px}
.hb-simple[data-simple-key="mathematics:percent-lab"] .hb-s-grid{max-width:220px}
.hb-simple[data-simple-key="mathematics:data-studio"] .hb-s-bar{padding:5px}
/* The three older English board presenters share the same one-window fit rule. */
.hb-w-body .hb-english-compact:not(.hb-simple){font-size:14px;line-height:1.3}
.hb-w-body .hb-english-compact:not(.hb-simple) p{margin:3px 0}
.hb-w-body .hb-english-compact:not(.hb-simple) h3{display:none}
.hb-w-body .hb-english-compact:not(.hb-simple) label{margin:1px 0}
.hb-w-body .hb-english-compact:not(.hb-simple) select{min-height:36px}
.hb-w-body .hb-english-compact:not(.hb-simple) button{min-height:36px;padding:4px 7px;font-size:14px}
.hb-w-body .hb-english-compact:not(.hb-simple) .hb-en-zone{min-height:40px;padding:3px;margin:3px 0;gap:4px}
.hb-w-body .hb-english-compact:not(.hb-simple) .hb-en-controls{gap:3px}
.hb-w-body .hb-english-compact:not(.hb-simple) .hb-en-status{min-height:0}
.hb-w-body .hb-english-compact:not(.hb-simple)>small{display:block;font-size:11px;line-height:1.15}