.lesson-builder-page [hidden]{display:none!important}.lb-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0}.lb-intro p{max-width:780px}.lb-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;margin-bottom:32px}.lb-controls,.lb-workspace{padding:20px;border:1px solid #303c6c;background:white;min-width:0}.lb-controls{align-self:start;background:#d2fdff}.lesson-builder-page label{display:block;font-weight:bold;margin:12px 0 6px}.lesson-builder-page select,.lesson-builder-page input[type=text]{font:inherit;min-height:44px;padding:9px;width:100%;box-sizing:border-box;border:1px solid #303c6c;background:white;color:#303c6c;border-radius:0}.lesson-builder-page button,.lb-open{font:inherit;min-height:44px;padding:9px 12px;cursor:pointer;border:1px solid #303c6c;background:#d2fdff;color:#303c6c;border-radius:0}.lesson-builder-page button:disabled{opacity:.6;cursor:default}.lesson-builder-page :focus-visible{outline:3px solid #f4976c;outline-offset:3px}.lb-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.lb-toolbar #lb-download{background:#303c6c;color:white;font-weight:bold}.lb-section{border-top:2px solid #b4dfe5;padding:18px 0}.lb-section h3{margin:0}.lb-section header{display:flex;justify-content:space-between;align-items:center;gap:12px}.lb-section header button{background:white;border-color:#a12525;color:#a12525}.lb-section.lb-removed{background:#f1f1f1;padding:18px 12px}.lb-section.lb-removed header button{color:#303c6c;border-color:#303c6c;background:#fbe8a6}.lb-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lb-info{font-size:.92rem;margin:12px 0;overflow-wrap:anywhere}.lb-exam-list{max-height:420px;overflow:auto;padding:4px}.lb-exam-list label{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid #b4dfe5;font-weight:normal}.lb-exam-list input{flex:none;width:20px;height:20px}.lb-exam-list small{display:block}.lb-error{color:#a12525}.lb-section a{display:inline-block;margin-top:8px}.lb-status{min-height:28px}#lb-unit-status{overflow-wrap:anywhere}#lb-player iframe{width:100%;height:calc(100dvh - 120px);border:1px solid #303c6c;background:white}#lb-player .lb-toolbar{margin:8px 0}body.lb-playing>header,body.lb-playing>footer,body.lb-playing .lb-intro,body.lb-playing #lb-builder{display:none!important}body.lb-playing main{max-width:none;padding:10px;width:100%;box-sizing:border-box}.lb-supplement{padding:16px;background:white}.lb-supplement button{margin:8px}.lb-supplement p{max-width:1000px}.lb-removed .lb-choices,.lb-removed .lb-detail,.lb-removed .lb-info,.lb-removed .lb-open{display:none}.lb-note{background:#fbe8a6;padding:12px}.lb-offscreen{position:fixed;left:-16000px;top:0;width:1366px;height:1000px;border:0;pointer-events:none}@media(max-width:800px){.lb-layout{grid-template-columns:1fr}.lb-controls,.lb-workspace{padding:14px}.lb-intro img{width:80px;height:80px}}@media(max-width:520px){.lb-choices{grid-template-columns:1fr;gap:0}.lb-toolbar button{flex:1}.lb-section header{align-items:flex-start}.lb-intro img{display:none}}

#lb-share-dialog{width:min(640px,calc(100% - 32px));border:2px solid #303c6c;background:#d2fdff;color:#303c6c;padding:24px}#lb-share-dialog::backdrop{background:#303c6c99}#lb-share-link{display:block;width:100%;min-height:44px;padding:10px;font:inherit;border:1px solid #303c6c}
.lesson-builder-page select:disabled{background:#e9ebee;color:#626875;opacity:1;cursor:default}.lb-game-choices{display:flex;flex-wrap:wrap;gap:8px}.lb-loop-card{border:2px solid #303c6c;background:#d2fdff;padding:24px;margin:16px 0;font:clamp(20px,3vw,32px)/1.5 Arial}.lb-loop-card h2{font-size:inherit}.lb-hex-viewport{max-height:70dvh;overflow:auto;border:1px solid #9cbfc8;background:#f7fcfd}.lb-hex-board{position:relative;min-height:200px;min-width:600px;width:100%;max-width:1200px}.lesson-builder-page .lb-hex-tile{position:absolute;display:flex;align-items:center;justify-content:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:12% 14%;min-height:0;line-height:1.2;overflow-wrap:anywhere;background:#b4dfe5;border:0;touch-action:none;cursor:grab;margin:0;box-sizing:border-box}.lesson-builder-page .lb-hex-tile[aria-pressed=true]{background:#fbe8a6}.lesson-builder-page .lb-hex-tile:focus-visible{outline:0;background:#fbe8a6;box-shadow:inset 0 0 0 8px #303c6c}.lb-hex-definition{min-height:3em}

.lesson-builder-page button,.lesson-builder-page .lb-open,.lesson-builder-page #lb-share-open{display:inline-flex;align-items:center;justify-content:center;gap:8px}.lesson-builder-page button svg,.lb-open svg,#lb-share-open svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lesson-builder-page #lb-clear,.lesson-builder-page #lb-reset{background:#ae2828;color:white;border-color:#861e1e}.lesson-builder-page #lb-clear:hover:not(:disabled),.lesson-builder-page #lb-reset:hover:not(:disabled){background:#861e1e}#lb-reset{width:100%;margin-bottom:8px}.lb-section header button{min-width:44px;flex:none}.lb-section.lb-removed .lb-open{display:none}.lb-toolbar #lb-share-open{min-height:44px}#lb-share-dialog{box-sizing:border-box}@media(max-width:520px){.lb-toolbar button{flex:1 1 140px}}

.lb-activity-settings{display:flex;gap:12px;flex-wrap:wrap}.lb-activity-settings label,.lb-keyword-option label{display:flex;align-items:center;gap:6px}.lb-activity-settings input[type=number]{width:70px}.lb-option-actions{display:flex;gap:8px}.lb-keyword-options{max-height:340px;overflow:auto;border:1px solid #a5b2c7;padding:8px;margin-top:10px}.lb-keyword-option{padding:8px;border-bottom:1px solid #d2dce6}.lb-keyword-option>small{display:block}.lb-keyword-option input[type=checkbox],.lb-activity-settings input[type=checkbox]{width:auto;min-height:0}.lb-cloze-editor{width:100%;height:560px;border:1px solid #a5b2c7;box-sizing:border-box;background:white}.lb-section .lb-detail:empty{display:none}

.lb-activity-editor{width:100%;height:560px;border:1px solid #a5b2c7;box-sizing:border-box;background:white}.lb-option-actions{flex-wrap:wrap}.lb-option-actions label{display:flex;gap:8px;align-items:center}.lb-option-actions input[type=number]{width:70px}.lb-activity-settings select{width:100px}

.lb-progress{margin:16px 0;padding:16px;border:1px solid #303c6c;background:#f4fbfc}.lb-progress h3{margin:0 0 12px}.lb-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-progress-label label{margin:8px 0}.lb-progress progress{display:block;width:100%;height:18px;accent-color:#303c6c}.lb-progress p{overflow-wrap:anywhere}.lb-back-top{border-top:2px solid #b4dfe5;margin-top:18px;padding-top:18px}#lb-heading{scroll-margin-top:20px}

/* Filled Office icons must not inherit the outline action stroke. */
.lesson-builder-page button svg.kb-format-icon{stroke:none}