/* Lesson additions; the approved 14–15px body and 16px buttons stay in style.css. */
.task-nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.task-item{padding:13px 10px;gap:8px;min-height:86px}.task-item .step-num{width:30px;height:34px;font-size:18px}.task-item h3{font-size:16px}.task-item p{font-size:13px;white-space:normal;line-height:1.55}.workspace-title{flex:1;align-items:flex-start}.workspace-title h2{font-size:20px;line-height:1.6}.task-label{flex-shrink:0;margin-top:3px}.workspace-footer{font-size:14px}.lesson-module{padding:25px}.module-hint{padding:12px 16px;border-radius:8px;background:#f7f1df;color:#8a7142;line-height:1.8;font-size:15px;margin-bottom:18px}.module-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.module-bottom .primary{flex-shrink:0}.muted{font-size:14px;line-height:1.8;color:#7d8a70;margin:0}.module-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.module-top .muted{max-width:650px}.paint-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.tool{display:inline-flex;gap:9px;align-items:center;border:1px solid #dce2d4;background:#fffefa;color:#6a7d58;border-radius:8px;padding:10px 15px;font-size:16px;min-height:44px}.tool.chosen{border-color:#54854e;background:#f0f6e7;color:#3f743e;box-shadow:0 0 0 1px #54854e}.tool-color{height:19px;width:19px;border-radius:5px;display:inline-block}.tool-color.edge{background:#38a754}.tool-color.fill{background:#e9c64f}.tool-color.erase{background:#fff;border:1px solid #cfd6c6}.drawing-surface{border:1px solid #e1e6d9;border-radius:10px;overflow:hidden;background:#fff}.paint-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202v7m0%206v7M2%2012h7m6%200h7%22%20fill%3D%22none%22%20stroke%3D%22%23111111%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.3%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E") 12 12,default;background:white}.paint-canvas.detail-canvas{border:1px solid #e1e6d9;border-radius:8px;margin:18px 0;cursor:default}.mode-switch{display:flex;gap:4px;flex-shrink:0;background:#edf1e4;border-radius:8px;padding:4px}.mode-switch button{border:0;background:transparent;border-radius:5px;padding:10px 16px;font-size:16px;color:#82916e}.mode-switch button.chosen{background:#28634e;color:#fff}.comparison-board{background-color:#f8faf3;background-image:radial-gradient(#dbe3d0 .8px,transparent .8px);background-size:20px 20px;border:1px solid #e0e7d5;border-radius:10px;overflow:hidden}.comparison-board svg{display:block;width:100%;height:auto;touch-action:none}.comparison-board [data-rect]{cursor:grab}.comparison-board [data-rect]:active{cursor:grabbing}.compare-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.unfolded-panel{margin-top:18px;border:1px solid #dce6e9;background:#f1f7fb;border-radius:10px;padding:17px}.unfolded-panel p{font-size:14px;color:#728592;margin:0 0 12px}.unfolded-panel svg{display:block;width:100%;height:auto}.remove-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.grid-board{border:1px solid #e1e7db;background:#fcfdf9;border-radius:10px}.grid-board svg{display:block;width:100%;height:auto;touch-action:none}.grid-board [data-cell]{cursor:pointer}.grid-board [data-edge]{cursor:grab}.grid-board [data-edge]:active{cursor:grabbing}.count-chips{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:13px;font-size:14px;color:#7a8a6a}.count-chips>span{padding:7px 10px;background:#eef3e5;border-radius:6px}.count-chips b{color:#366747}.number-question{padding:24px;background:#faf8ef;border-radius:12px;font-size:18px;line-height:2.3}.number-question p{margin:0 0 17px}.number-question label{display:block;margin-bottom:18px}.number-question input{width:70px;min-height:50px;text-align:center;font-size:24px;font-weight:600;border:2px solid #e3bd89;background:#fffdf5;color:#516a40;border-radius:12px;padding:6px;margin:0 7px}.number-question .muted{margin:0;font-size:14px}.symbol-tray{display:flex;justify-content:center;gap:20px;margin:4px 0 22px}.symbol{min-width:68px;min-height:56px;border:1px solid #d7e1cb;border-radius:12px;background:#fff;color:#68804c;font-size:30px;touch-action:none;user-select:none}.symbol.chosen{background:#e9f1da;border-color:#7e9c5c;box-shadow:0 0 0 1px #7e9c5c}.relation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.relation-card{padding:17px;background:#fffefa;border:1px solid #e0e6d7;border-radius:12px;min-width:0}.relation-card h3{font-size:16px;font-weight:500;color:#7d8a6c;margin:0 0 15px}.relation-diagram{display:block;width:100%;height:auto;overflow:visible;margin-bottom:17px}.relation-diagram [data-boundary]{cursor:pointer}.relation-question{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px;font-size:16px;color:#657d50;white-space:nowrap}.answer-circle{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1.5px solid #b3c698;border-radius:50%;font-size:23px;background:white;color:#52773e}.answer-circle:hover{background:#ecf4df}.drag-symbol{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:100;background:#e2edcc;color:#416533;font-size:32px;width:58px;height:58px;border-radius:12px;border:1px solid #85a165;display:grid;place-items:center;box-shadow:0 8px 25px #344b2920}.review-criteria{display:flex;flex-direction:column;gap:14px}.criterion{display:grid;grid-template-columns:40px minmax(0,1fr) 255px;gap:13px;align-items:center;border:1px solid #e2e5d7;background:#fffdf6;padding:22px 20px;border-radius:12px}.criterion-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1ecd9;color:#99764a;font-weight:600;font-size:18px}.criterion p{font-size:16px;font-weight:550;line-height:1.8;margin:0;color:#526a43}.criterion-stars{display:flex;align-items:center;gap:3px;justify-content:flex-end}.criterion-stars button{min-width:32px;min-height:40px;border:0;padding:0;background:transparent;color:#c9cdbc;font-size:29px}.criterion-stars button.chosen{color:#d4aa5a}.criterion-stars span{font-size:13px;color:#99a18b;white-space:nowrap;margin-left:8px;min-width:42px}.life-reflection{margin-top:24px}.life-reflection label{font-size:15px;display:block;color:#6b7e5a;margin-bottom:13px}.life-reflection textarea{display:block;width:100%;min-height:85px;padding:13px 15px;resize:vertical;border:1px solid #d8dfcd;border-radius:8px;background:#fffefa;color:#4d6641;font:inherit;font-size:15px}.review-chips button{cursor:pointer}.ai-feedback{margin-top:26px;border-top:1px solid #e4e9da;padding-top:23px}.ai-feedback p{font-size:15px;line-height:2;color:#6c7f5c}.ai-feedback h3{font-size:20px}.ai-feedback .report-limit{font-size:13px!important}.lesson-records{margin-top:20px}.lesson-records th,.lesson-records td{font-size:14px}.lesson-records .row-link{margin-right:8px}.compact-analysis{display:flex;gap:25px;flex-wrap:wrap;background:#f1f5e9;border:1px solid #e2e9d8;border-radius:9px;padding:15px 18px;margin-top:18px;color:#758767;font-size:14px}.compact-analysis b{color:#44703b}.work-gallery,.removal-stats{margin-top:20px;border:1px solid #e1e7d9;background:#fffefa;border-radius:11px;padding:20px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-card{display:flex;flex-direction:column;gap:12px;padding:10px;border:1px solid #e2e7da;border-radius:9px;background:white;color:#6c8158;text-align:center;font-size:14px;min-width:0}.gallery-card canvas{width:100%;height:auto;display:block;pointer-events:none;border:1px solid #eff1e9;border-radius:5px}.gallery-card:hover{border-color:#9eb880;background:#f9fcf3}.removal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:16px;background:#f4f7ec;border:1px solid #e0e7d5;border-radius:8px;color:#789060;font-size:15px}.category-card b{color:#3e7042;font-size:23px;font-weight:550}.category-card small{font-size:13px;line-height:1.8;word-break:break-word}.relation-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.relation-stat-card{padding:17px;border:1px solid #e1e8d7;border-radius:9px;background:#fffefa}.relation-stat-card h3{font-size:17px;margin:0 0 17px}.relation-stat-row{margin-top:17px}.relation-stat-row>b{display:block;font-weight:500;font-size:14px;color:#7e8b70;margin-bottom:10px}.relation-stat-row>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.relation-count{display:flex;flex-direction:column;gap:6px;align-items:center;min-width:0;padding:10px 5px;border:1px solid #e1e8d7;border-radius:7px;background:#f4f7ee;color:#78905e;font-size:14px}.relation-count strong{font-size:24px;line-height:1;color:#588044}.relation-count small{font-size:12px;overflow-wrap:anywhere}.teacher-reference{font-size:14px;color:#81916e;padding:12px 0;line-height:1.9}.teacher-reference summary{cursor:pointer}.teacher-reference p{padding-left:15px}.self-average-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.self-average-grid .stat-card>p{font-size:14px;line-height:1.8;min-height:76px;color:#738467;margin:12px 0}.self-average-grid .stat-number b{font-size:31px}.class-ai{margin-top:20px;padding:23px;border:1px solid #dde6d0;border-radius:11px;background:#f2f6ea}.class-ai>p{font-size:15px;line-height:2;color:#6c8059}.class-ai-points{display:grid;grid-template-columns:1fr 1fr;gap:20px}.class-ai-points p{font-size:14px;line-height:1.9;color:#758768;margin:10px 0}.stale-note{color:#b2834d!important;font-size:13px!important}.modal.lesson-modal{width:min(1120px,95vw);max-width:96vw}.detail-svg{display:block;width:100%;height:auto;max-height:450px;margin:15px 0}.detail-stamps{min-height:160px;margin:20px 0}.detail-relations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.detail-relations p{font-size:14px;text-align:center}.student-id-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.rating-text{color:#cda452;letter-spacing:5px}.student-self-details p{border-bottom:1px solid #edf0e6;padding:14px 0}.replay-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.replay-controls input{flex:1;min-width:140px;max-width:450px;padding:0}.replay-controls input[type=range]{accent-color:#587b45}.replay-controls .primary{margin:0;width:auto}.replay-answers{font-size:14px;color:#7a8c6a;line-height:1.8;background:#f3f7ea;padding:12px;border-radius:8px}#replay-caption{font-size:15px;color:#577548}.paint-canvas:focus-visible,.grid-board [tabindex]:focus-visible,.comparison-board [tabindex]:focus-visible,.relation-diagram [tabindex]:focus-visible{outline:3px solid #c69257;outline-offset:3px}
@media(max-width:1150px){.task-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.relation-cards{gap:12px}.relation-card{padding:12px}.relation-question{font-size:15px;gap:7px}.answer-circle{width:37px;height:37px}.criterion{grid-template-columns:34px 1fr;gap:12px}.criterion-stars{grid-column:2;justify-content:flex-start}.criterion p{font-size:15px}.criterion-stars button{min-width:36px}.self-average-grid .stat-card>p{min-height:100px}.number-question{font-size:17px;padding:20px;line-height:2.1}.number-question input{width:60px}.remove-layout{gap:20px}}
@media(max-width:850px){.task-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.module-top{align-items:flex-start;flex-direction:column;gap:13px}.module-bottom{align-items:flex-start;flex-wrap:wrap}.remove-layout{grid-template-columns:1fr}.number-question{font-size:18px}.relation-cards{grid-template-columns:1fr}.relation-card{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 15px;padding:18px}.relation-card h3{grid-column:1/-1;margin:0}.relation-card>div:first-of-type{grid-row:2/4}.relation-question{font-size:16px;align-self:center}.answer-circle{width:43px;height:43px}.relation-stat-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.self-average-grid{grid-template-columns:1fr}.self-average-grid .stat-card>p{min-height:0}.lesson-module{padding:20px}.modal.lesson-modal{padding:25px 20px}}
@media(max-width:560px){.task-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.task-item{min-height:78px}.task-item p{font-size:13px}.workspace-title h2{font-size:19px}.lesson-module{padding:16px}.module-hint{font-size:14px;padding:11px 13px}.paint-tools{gap:7px}.tool{font-size:14px;padding:8px 11px;min-height:42px}.tool-color{width:16px;height:16px}.drawing-surface{overflow:auto}.drawing-surface .paint-canvas{min-width:660px}.mode-switch button{font-size:15px;padding:10px 13px}.comparison-board{overflow-x:auto}.comparison-board svg{min-width:650px}.number-question{font-size:16px;padding:20px 16px}.number-question input{font-size:21px;width:54px;min-height:44px;margin:0 3px}.count-chips{gap:8px}.relation-card{display:block;padding:19px}.relation-card h3{margin-bottom:14px}.relation-diagram{max-width:360px;margin:0 auto 18px}.relation-question{font-size:17px;margin-top:16px}.symbol{min-width:62px;min-height:50px;font-size:29px}.criterion{padding:17px 13px;gap:8px;grid-template-columns:30px 1fr}.criterion p{font-size:15px}.criterion-number{width:27px;height:27px;font-size:16px}.criterion-stars{gap:1px;flex-wrap:wrap}.criterion-stars button{min-width:31px;min-height:40px;font-size:28px}.criterion-stars span{font-size:12px;margin-left:4px}.life-reflection textarea{font-size:15px}.gallery-grid{grid-template-columns:1fr}.removal-options{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{font-size:14px;padding:14px}.class-ai{padding:18px 16px}.class-ai-points{grid-template-columns:1fr;gap:0}.class-ai .panel-title{gap:14px}.detail-relations{grid-template-columns:1fr}.detail-relations .relation-diagram{max-width:330px}.detail-stamps{min-height:145px}.teacher-overview .section-heading h2{font-size:19px}.lesson-records table{min-width:550px}.replay-controls{gap:7px}.replay-controls input{min-width:100%;max-width:100%;order:2}}
@media(pointer:coarse){.criterion-stars button{min-width:40px;min-height:44px}.answer-circle{min-width:44px;min-height:44px}.tool{min-height:44px}.symbol{min-height:56px}}

/* Stable direct manipulation for the removable unit edges. */
.grid-board,.grid-board svg,.grid-board svg *{-webkit-user-select:none;user-select:none}.grid-board [data-edge]{touch-action:none}.grid-board svg.is-dragging,.grid-board svg.is-dragging *{cursor:grabbing}
/* Classroom history */
.history-policy{font-size:14px!important;line-height:1.9!important;color:#7d8c6e!important;background:#f2f5e9;padding:12px 15px;border-radius:8px}.history-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.history-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #dde5d2;border-radius:10px;background:#fffefa;color:#57734a;text-align:left}.history-card:hover{background:#f1f6e7;border-color:#9bb67b}.history-card b{font-size:17px;font-weight:600;display:block;margin-bottom:6px}.history-card small{display:block;font-size:14px;color:#8c9980}.history-card>span:last-child{font-size:15px;white-space:nowrap}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-right:25px}.history-heading .eyebrow{font-size:13px;letter-spacing:.5px}.history-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.history-tabs button{border:1px solid #dae3ce;border-radius:7px;background:#fffefa;color:#70865d;padding:9px 14px;font-size:15px;min-height:42px}.history-tabs button.chosen{background:#28634e;border-color:#28634e;color:white}.history-totals{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0;color:#7c8c6c;font-size:14px}.history-records{margin-top:20px}.history-records .row-link{margin-right:10px}.history-relations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.history-relations>div{border:1px solid #e0e7d6;border-radius:8px;padding:14px;background:#f6f8f0}.history-relations h3{font-size:16px;margin:0 0 8px}.history-relations p{font-size:14px!important;line-height:1.9;overflow-wrap:anywhere}#history-detail-back,#history-replay-back{margin-top:20px}@media(max-width:700px){.history-card{padding:15px;gap:10px}.history-card b{font-size:16px}.history-card small{font-size:13px}.history-card>span:last-child{font-size:14px}.history-heading{align-items:flex-start;flex-direction:column;gap:0;padding-right:15px}.history-tabs button{font-size:14px;padding:9px 12px}.history-relations{grid-template-columns:1fr}.history-records table{min-width:530px}}
/* Teacher API settings use the existing classroom palette and type scale. */
[hidden]{display:none!important}.ai-settings-trigger{white-space:nowrap;font-size:14px;min-height:38px;padding:8px 12px}.ai-model-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:#edf3e4;border:1px solid #dce6ce;border-radius:10px;margin:0 0 20px}.ai-model-card b{font-size:17px}.ai-model-card span{font-size:14px;color:#6d805b}#ai-settings-form input[readonly]{background:#f6f7f1;color:#65785b;font-size:14px}#ai-base-url{font-size:13px!important;letter-spacing:0}#ai-api-key{font-family:monospace}.ai-key-policy{font-size:14px!important;line-height:1.8;color:#7b886f;margin:12px 0}.ai-connection-status{padding:11px 14px;background:#f0f5e9;border-radius:7px;color:#466b42;overflow-wrap:anywhere}.ai-connection-status.ai-error{background:#fbf1e5;color:#9b613d}.ai-provider-line{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0;color:#678255;font-size:14px}.teacher-person-ai{margin:18px 0}.modal-note a{text-decoration:underline;color:#28634e}.header-actions{gap:14px}
@media(max-width:560px){.topbar{height:auto;min-height:88px;flex-wrap:wrap}.header-actions{gap:8px;flex-wrap:wrap}.ai-settings-trigger{font-size:14px;padding:7px 10px}.ai-model-card{align-items:flex-start;flex-direction:column;gap:6px}}