.home-demo{font-size:15px;color:#6d623b;margin:0 0 10px}.home-nav{display:flex;align-items:center;gap:12px;margin:0 0 14px}.home-nav button{min-height:52px;font-size:20px;padding:8px 18px}.home-nav button[aria-pressed=true]{background:#216b5b;color:#fff;border-color:#216b5b}.save-indicator{margin-left:auto;font-size:17px;color:#4e655c;text-align:right}.save-indicator[data-state=saved]{color:#216b5b}.save-indicator[data-state=error]{color:#875328}.prototype-note{max-width:820px;margin:20px auto;color:#6b6657;font-size:17px;line-height:1.6}.student-history{padding:24px}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.history-heading h2{font-size:28px;margin:0}.history-subtitle{font-size:18px;color:#617568}.history-list{display:grid;gap:12px}.history-item{border:1px solid #d8e2d8;border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:6px 20px;background:#fafcf8}.history-item h3{font-size:23px;margin:0}.history-item time{font-size:17px;color:#63766c}.history-item p{font-size:18px;margin:0;color:#526a5e}.history-item .history-score{grid-column:2;grid-row:1/4;align-self:center;font-size:32px;text-align:center;color:#216b5b}.history-score small{font-size:17px;display:block}.history-empty{font-size:21px;color:#617568;padding:20px 0}.history-footnote{font-size:16px;color:#727b6d;margin-bottom:0}.student-home .board-wrap{width:min(100%,clamp(230px,calc(100dvh - 505px),300px))}.student-home .word-card .picture{height:150px}.student-home .word-card .word{margin:12px 0 8px}.student-home .example{margin-bottom:14px}.student-home .home-demo{margin-top:-4px}.student-home .student-note{display:none}.student-home .workhead{margin-bottom:9px}.student-home .practice-middle{margin:9px 0}.student-home .actions{margin-top:10px}.student-home .feedback{font-size:17px}.student-home .topbar{margin-bottom:10px}@media(min-width:700px) and (orientation:portrait){.student-home .board-wrap{width:min(100%,310px)}.student-home .word-card .picture{height:130px}.student-home .word-card .word{margin:0 0 6px}.home-nav{flex-wrap:wrap}.save-indicator{font-size:16px}}@media(max-width:699px){.home-nav{flex-wrap:wrap;gap:8px}.home-nav button{font-size:18px;flex:1}.save-indicator{width:100%;font-size:15px}.student-home .board-wrap{width:min(100%,300px)}.history-heading{align-items:flex-start}.history-heading h2{font-size:25px}.history-item{padding:14px;gap:6px 10px}.history-item h3{font-size:21px}.history-item p{font-size:16px}.history-item .history-score{font-size:28px}}