/* The same chalkboard becomes a paced teaching surface. */
#board.course-board{left:18%;top:20%;width:76%;height:50%;padding:1.3% 1.7%;justify-content:flex-start;align-items:stretch;text-align:left;font-size:2.28cqw}
.course-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:1.50cqw;color:#cdddbe;flex-shrink:0;margin-bottom:.65cqw}
#board .course-title{font-size:3.00cqw;line-height:1.12;margin-bottom:1.15cqw;flex-shrink:0;letter-spacing:-.02em}
.course-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b4c8a2 transparent;padding-right:.8cqw;overscroll-behavior:contain}
.course-body h3{font-size:2.97cqw;line-height:1.2;margin:1.1cqw 0 1.6cqw;color:#f1d8a6;font-weight:500}
.course-copy{font-size:2.30cqw;line-height:1.55;white-space:pre-line;margin:.8cqw 0}
.lesson-goal{font-size:2.80cqw;line-height:1.4;color:#fff6df;margin:.8cqw 0 1.3cqw}
.small-label{font-size:1.74cqw;text-transform:uppercase;letter-spacing:.1em;color:#d0dcbc}
.prerequisite{font-size:1.86cqw;line-height:1.45;color:#c8d7be;margin:.9cqw 0}
.course-footer{display:flex;justify-content:flex-end;gap:.75cqw;padding-top:1cqw;flex-shrink:0;margin-left:15%}
.course-action{background:transparent;border:1px solid #c9dabc80;border-radius:10px;color:#f7f2d9;font-size:2.04cqw;line-height:1.25;padding:.8cqw 1.15cqw;min-height:3.9cqw}
.course-action.primary{background:#a7c396;color:#203b2e;border-color:#deebc9;font-weight:bold}.course-action:hover:not(:disabled){filter:brightness(1.15)}.course-action:disabled{opacity:.4;cursor:default}
.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.55cqw;margin-bottom:1cqw}
.stage-tab{background:#e1f0da08;border:1px solid #cfdfbc75;color:#eaf0d7;border-radius:9px;padding:.7cqw .4cqw;font-size:1.74cqw;min-height:3.4cqw}.stage-tab.active{background:#d8e2bd;color:#274535}
.stage-description{font-size:1.92cqw;line-height:1.4;margin:0 0 .8cqw;color:#d4dfc5}
.course-list{display:grid;gap:.5cqw}.course-row{display:flex;align-items:center;gap:.9cqw;width:100%;text-align:left;background:#d6e6c00a;border:1px solid #cfdebe4d;border-radius:8px;color:#faf2da;padding:.7cqw 1cqw;min-height:3.7cqw}.course-row:hover{background:#d6e6c024}
.lesson-number{color:#d8c899;font-size:1.74cqw}.lesson-name{flex:1;font-size:2.22cqw}.lesson-state{font-size:1.56cqw;color:#c7dfb8;white-space:nowrap}
.course-pagination{display:flex;align-items:center;justify-content:flex-end;gap:1.7cqw;margin:.6cqw 0;font-size:1.68cqw}.course-link{border:0;background:none;color:#e1dbaa;padding:.3cqw .25cqw;font-size:1.74cqw;text-decoration:underline;text-underline-offset:3px}.course-link:disabled{opacity:.35;cursor:default}
.course-meta{display:flex;justify-content:flex-end;gap:2cqw;margin-top:.6cqw;flex-shrink:0}.course-meta a{font-size:1.62cqw;color:#ced8bb;text-underline-offset:3px}
.lesson-trail{display:flex;gap:.5cqw;margin:.15cqw 0 1cqw}.lesson-trail span{height:.35cqw;background:#d8e4c426;flex:1;border-radius:5px}.lesson-trail span.filled{background:#d9d59d}
.vocab-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6cqw;margin-top:1.4cqw}.vocab-item{background:#f6ebcc09;border-left:2px solid #e5d6a25c;padding:.65cqw .8cqw;display:flex;flex-direction:column;gap:.2cqw}.vocab-jp{font-size:2.24cqw;color:#f5e8c7}.vocab-en{font-size:1.92cqw;color:#cddac0}
.worked-example{padding:1.2cqw 0;border-bottom:1px solid #d9e3c433}.example-jp{font-size:2.91cqw;line-height:1.45;font-family:'Yu Mincho',serif}.example-reading{font-size:1.98cqw;line-height:1.5;color:#d1dfc4;margin:.3cqw 0}.example-meaning{font-size:2.28cqw;line-height:1.4;color:#f0dfa9}
.task-prompt{font-size:2.63cqw;line-height:1.4;margin:.8cqw 0 1.2cqw}.course-options{display:grid;gap:.7cqw}.course-option{border:1.5px solid #e3e4c68c;background:#e2eac708;border-radius:11px;padding:.85cqw 1.2cqw;text-align:left;color:#fff6df;font-size:2.24cqw;line-height:1.35;min-height:4.3cqw}.course-option:hover:not(:disabled){background:#dbe5ba22}.course-option.correct{background:#a8d49d32;border-color:#d5eead}.course-option.wrong{background:#dba9a225;border-color:#e8b6a2}.course-option:disabled{cursor:default}
.course-feedback{font-size:2.16cqw;line-height:1.45;color:#e5e9c6;margin:1.1cqw 0;min-height:2.5cqw}.sentence-slots{min-height:7cqw;display:flex;align-items:center;flex-wrap:wrap;gap:.65cqw;border:1px dashed #e2dab480;border-radius:12px;padding:1cqw;margin:1cqw 0}.sentence-bank{display:flex;flex-wrap:wrap;gap:.7cqw;padding:.6cqw 0}.sentence-token{border:1px solid #e0debc99;background:#f7eccc12;color:#fff4d7;border-radius:9px;padding:.7cqw .9cqw;font-size:2.24cqw;line-height:1.4}.sentence-token.selected{background:#dfdfb326}.sentence-token:disabled{opacity:.25;cursor:default}.slot-hint{font-size:2.04cqw;color:#c7d5bb}
.review-mistakes{display:grid;gap:1cqw}.review-mistake{border-left:2px solid #e3c98c;padding:.7cqw 1cqw;background:#ede4c509;font-size:2.04cqw;line-height:1.5}.review-mistake p{margin:.3cqw 0}.reflection{font-size:1.80cqw;color:#dbe4c6;margin:1.3cqw 0}.reflection button{margin-left:.6cqw}
.save-warning{color:#ffe0b2;font-size:1.92cqw;line-height:1.4}.course-mode #teacher{left:0%;top:63%;width:27%}

.context-label{font-size:1.74cqw;color:#e0cc96;margin:.7cqw 0}.context-japanese{font-family:'Yu Gothic','Meiryo',sans-serif;font-size:2.52cqw;line-height:1.7;white-space:pre-line;margin:.65cqw 0}.context-aids{border-top:1px solid #dbe4c433;padding:.55cqw 0}.context-aids button{margin-right:1.4cqw}.context-reading,.context-meaning{font-size:2.04cqw;line-height:1.55;white-space:pre-line;color:#e3e5c9;margin:.6cqw 0}.context-reading{color:#c7dcc1}.course-body [hidden]{display:none}

.lesson-reference{float:right;margin-top:-.1cqw;font-size:1.56cqw}.reference-list{display:grid;gap:.6cqw}.reference-list .course-row{font-size:2.28cqw;padding:.85cqw 1cqw}