.workshop{max-width:1200px;margin:auto;padding:4px 0 40px}.ws-head{display:flex;align-items:center;justify-content:space-between;margin:12px 0 24px}.ws-head h1{font-size:clamp(26px,3vw,42px);margin:0 0 8px}.ws-head p{margin:0;color:#5c6c7b}.ws-stars{border-radius:100px;background:#fff0c5;padding:12px 22px;font-size:24px;white-space:nowrap}.ws-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ws-menu section,.ws-card,.ws-report{background:#fff;border:1px solid #dce5eb;border-radius:22px;padding:26px;box-shadow:0 8px 26px #16314c08}.ws-menu b{color:#53817d}.ws-menu h2{font-size:25px}.ws-menu p{min-height:60px;line-height:1.7;color:#5c6c7b}.ws-menu button{margin:5px 4px 5px 0}.ws-card{min-height:300px;text-align:center}.ws-card .actions{justify-content:center;flex-wrap:wrap;margin:20px 0}.ws-en{font-size:clamp(28px,4vw,55px);line-height:1.45;font-weight:750;letter-spacing:.01em;margin:28px 0;color:#16314c;white-space:pre-line}.ws-cue{font-size:26px;color:#99691e;line-height:1.6}.ws-meaning{font-size:26px}.ws-blank{padding:24px;color:#788b9c;background:#f3f6f8;border-radius:15px;margin:20px 0}.ws-chunks{font-size:25px;letter-spacing:.13em;color:#59728a}.ws-word-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0}.ws-options{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:24px 0}.ws-options button{font-size:22px;padding:18px 22px}.ws-answer{font-size:34px;color:#27715e}.ws-report{margin-top:24px;text-align:left;line-height:1.8}.ws-source{display:block;width:min(100%,800px);margin:20px auto}.ws-teacher{margin-top:22px}.workshop details{padding:18px}.workshop summary{cursor:pointer}.ws-start{grid-column:1/-1;background:#eaf4ef;padding:24px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.ws-start h2{margin:0 0 8px}.ws-start p{margin:0;color:#5c6c7b}@media(max-width:850px){.ws-menu{grid-template-columns:1fr}.ws-menu p{min-height:0}.ws-head{margin-bottom:14px}.ws-card{padding:18px;min-height:250px}.ws-start{align-items:flex-start;flex-direction:column}.ws-options{flex-direction:column}.ws-en{margin:18px 0}.ws-card .actions button{min-height:44px}}
.practice-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0}.practice-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.practice-units section{padding:20px;background:white;border:1px solid #d9e3dc;border-radius:16px}.practice-items{max-height:36vh;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:16px 0}.practice-items label{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f3f7f3;border-radius:10px;cursor:pointer}.practice-items input{width:22px;height:22px;flex-shrink:0}.practice-items small,.practice-history small{display:block;color:#58675e;margin-top:6px}.practice-history{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dce4de}.bm-unit>.bm-go{width:100%;margin-top:5px;border:1px solid #dce4de}.ws-start{flex-wrap:wrap}.ws-start .actions{flex-wrap:wrap}@media(max-width:600px){.practice-head{display:block}.practice-items{grid-template-columns:1fr}.practice-history{align-items:flex-start}.ws-start .actions button{flex:1 1 140px}}
/* Compact reusable homepage: all eight units before optional lesson details. */
.at-home main{display:block;padding:12px 24px}.home3{display:flex;flex-direction:column;gap:10px;height:100%;overflow:auto}.home3>*{flex-shrink:0}.home3 .h-top{padding:0;min-height:46px}.home3 .h-top h1{font-size:25px;margin:0}.home3 .h-top p{margin:4px 0 0;font-size:11px}.home3 .h-class{flex-direction:row;align-items:center;gap:12px}.home3 .ws-start{padding:12px 16px;border-radius:14px;gap:12px;flex-direction:row;flex-wrap:nowrap}.home3 .ws-start h2{font-size:16px;margin:0 0 4px}.home3 .ws-start p{font-size:11px}.home3 .ws-start .actions{gap:6px;justify-content:flex-end}.home3 .ws-start button{padding:9px 10px;font-size:12px}.home3 .home-map{padding:12px;border-radius:14px}.home3 .home-map h3{margin:0 0 8px}.home3 .book-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home3 .bm-unit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:9px;gap:5px;align-content:start;min-height:111px}.home3 .bm-head{grid-column:1/-1;gap:6px;min-width:0}.home3 .bm-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.home3 .bm-go{min-width:0;margin:0;padding:7px 3px;font-size:11px;white-space:nowrap}.home3 .bm-unit>.bm-go{width:auto;grid-column:auto}.home3 .bm-row{min-width:0}.home3 .bm-add{display:none}.home3 .bm-row .bm-go{width:100%}.home3 .bm-row.soon{justify-content:center}.home-extras{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.home-extras>details{flex:1;min-width:180px;border:1px solid #dde3d8;border-radius:12px;background:#fffdf8;padding:10px 12px}.home-extras summary{cursor:pointer;font-size:12px}.home-extras>details[open]{flex-basis:100%}.home3 .home-extras .plan{margin-top:12px;min-height:0}.home3 .home-extras .jar-card{min-height:0;flex-direction:row}.home3 .home-extras .home-last{margin-top:12px}.home3 .home-extras .plan-list{max-height:250px}.home-extras .plan-rule{display:none}@media(max-width:760px){.at-home main{padding:10px 12px}.home3 .ws-start{flex-direction:column;align-items:stretch}.home3 .ws-start .actions{justify-content:flex-start}.home3 .h-class{flex-direction:column;align-items:flex-end;gap:3px}.home3 .h-top h1{font-size:21px}.home3 .book-map{grid-template-columns:repeat(2,minmax(0,1fr))}.home-extras>details{min-width:100%;flex-basis:100%}}@media(max-height:650px) and (min-width:761px){.home3{gap:8px}.home3 .bm-unit{min-height:100px;padding:7px}.home3 .bm-go{padding:5px 2px}.home3 .ws-start{padding:10px 14px}.home3 .home-map{padding:10px}.home3 .h-top h1{font-size:22px}}