.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}}
main:has(.workshop){display:block;overflow:auto}.workshop:has(.practice-config){width:min(100%,1000px);padding-bottom:12px}.practice-config{text-align:left;padding:22px}.practice-group-setting{background:#f0f5ed;border:1px solid #dce6d6;border-radius:14px;padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:10px 20px}.practice-group-setting h2{font-size:17px;margin:0 0 5px}.practice-group-setting p{font-size:12px;color:#687d66;margin:0;line-height:1.6}.practice-group-setting .actions{margin:0}.practice-group-setting .practice-group-status{grid-column:1/-1;color:#27593f;font-size:13px;font-weight:600;padding-top:9px;border-top:1px solid #dce6d6}.practice-config .practice-start-actions{justify-content:flex-start;margin:16px 0}.practice-start-actions button{min-height:44px}.practice-range-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:16px 0 10px}.practice-range-toolbar b{font-size:13px}.practice-range-toolbar .actions{margin:0;gap:6px}.practice-range-toolbar button{padding:7px 10px;font-size:12px}.practice-config .practice-items{margin:0;max-height:30vh}.ws-group-preview{text-align:left;max-width:620px;margin:22px auto 0;background:#f1f5ee;border-radius:14px;padding:14px 18px}.ws-group-preview>p{font-size:14px;color:#285a40}.ws-group-preview>div{display:flex;gap:18px;padding:8px 0;font-size:14px;border-top:1px solid #dce5d6}.ws-group-preview b{color:#72876c;font-size:12px;min-width:48px}@media(max-width:650px){.practice-group-setting{grid-template-columns:1fr}.practice-group-setting .actions{justify-content:flex-start}.practice-range-toolbar{align-items:flex-start;flex-direction:column}.practice-config{padding:16px}}
.paper{max-width:1100px;margin:auto;color:#17324b}.paper-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 18px}.paper-header h1{font-size:28px;margin:5px 0}.paper-header .actions{gap:6px;flex-wrap:wrap}.paper-header button{font-size:13px;padding:9px 12px}.paper-scores{display:flex;flex-wrap:wrap;gap:12px;background:#e8f1ed;border-radius:14px;padding:14px 20px;align-items:center}.paper-scores span{font-size:13px;white-space:nowrap}.paper-scores b{font-size:22px;padding-left:8px;color:#225749}.paper-scores span:last-child{margin-left:auto;color:#61716a;font-size:12px}.paper-note{font-size:12px;color:#627368;line-height:1.6}.paper-navigation{padding:10px 0!important}.paper-navigation summary{font-size:13px}.paper-navigation .actions{flex-wrap:wrap;gap:8px}.paper-navigation button{font-size:12px;padding:8px}.paper-segment{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f5ee;padding:14px 16px;border:1px solid #dce3d8;border-radius:12px;margin:10px 0 16px;position:sticky;top:0;z-index:2;box-shadow:0 4px 8px #18332408}.paper-segment b{font-size:16px}.paper-segment p{font-size:12px;color:#68786e;margin:6px 0 0}.paper-segment button{font-size:14px;min-height:44px;white-space:nowrap}.paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.paper-question{background:#fff;border:1px solid #dce4de;padding:20px;border-radius:14px;min-width:0;line-height:1.6}.paper-q-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.paper-q-top b{font-size:12px;color:#527460}.paper-q-top small{font-size:10px;color:#6f7c85}.paper-prompt{font-size:20px;font-weight:600;white-space:pre-line;margin:12px 0;overflow-wrap:anywhere}.paper-options{display:flex;flex-direction:column;gap:6px}.paper-options label{display:flex;gap:10px;align-items:center;background:#f5f7f3;padding:10px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:17px}.paper-options label:has(input:checked){background:#e4f0e8;border-color:#44806b}.paper-options input{accent-color:#26765c;width:18px;height:18px;flex-shrink:0}.paper-fields{display:flex;flex-wrap:wrap;gap:10px}.paper-fields label{flex:1 1 100px;min-width:0}.paper-fields span{display:block;font-size:12px;color:#66776a;margin-bottom:4px}.paper-fields input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #acbcb2;border-radius:8px;font-size:19px;padding:10px;color:#17324b;background:#fff}.paper-fields input:focus{outline:2px solid #4c8d74;outline-offset:2px}.paper-help{margin:14px 0 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.paper-help button{font-size:11px;padding:7px 10px;min-height:34px}.paper-help span{font-size:12px;color:#79643d}.paper-source{padding:8px 0 0!important;color:#708275;font-size:11px}.paper-response{font-size:14px;color:#6b726f;overflow-wrap:anywhere}.paper-verdict{font-size:14px;font-weight:600}.paper-verdict.ok{color:#247052}.paper-verdict.retry{color:#ad6439}.paper-key{color:#286951;font-size:20px;font-weight:600;overflow-wrap:anywhere}.paper-question>small{font-size:11px;color:#718175}.paper-question .actions{margin:12px 0 0}.paper-question .actions button{font-size:13px}.paper-context{background:#edf3ee;border-left:4px solid #427b64;padding:16px 22px;border-radius:10px;margin:12px 0}.paper-context b{font-size:13px;color:#426c55}.paper-context p{font-size:19px;line-height:1.85;white-space:pre-line;max-width:850px}.paper-context button{font-size:12px;padding:8px 12px}.paper-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0}.paper-summary{background:#fff;border:1px solid #dce4de;border-radius:14px;padding:22px;margin-top:20px}.paper-summary>.actions{gap:12px;flex-wrap:wrap}.paper-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.paper-topic-grid>div{background:#f3f6ef;padding:14px;border-radius:10px}.paper-topic-grid b{font-size:14px}.paper-topic-grid p{font-size:12px;color:#6c786e}.paper-presets{background:#edf4ee;border-radius:12px;padding:14px;margin:12px 0}.paper-presets>button{font-size:13px;margin:0 8px 8px 0}.paper-presets p{font-size:12px;color:#5b7462;line-height:1.7}.paper-presets details{padding:6px 0!important}.paper-presets .actions{justify-content:flex-start;margin:10px 0}.practice-config:has(.paper-presets) .practice-items{max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.practice-config:has(.paper-presets) .practice-items label{padding:10px;font-size:13px}.practice-config:has(.paper-presets) .practice-items b{white-space:pre-line;font-size:13px}.practice-config:has(.paper-presets) .practice-items small{font-size:10px}.practice-start-actions{position:sticky;top:0;z-index:3;background:#fff;padding:10px 0;border-radius:8px}.paper button:focus-visible,.paper-presets button:focus-visible{outline:3px solid #a3c5b3;outline-offset:2px}@media(max-width:700px){.paper-header{align-items:flex-start;flex-direction:column}.paper-header h1{font-size:24px}.paper-grid{grid-template-columns:1fr}.paper-scores{gap:8px 18px;padding:12px}.paper-scores b{font-size:19px}.paper-scores span:last-child{margin-left:0;width:100%}.paper-segment{align-items:stretch;flex-direction:column}.paper-prompt{font-size:19px}.paper-question{padding:16px}.paper-topic-grid{grid-template-columns:1fr 1fr}.practice-config:has(.paper-presets) .practice-items{grid-template-columns:1fr}.paper-q-top{align-items:flex-start;flex-direction:column;gap:3px}.paper-context{padding:14px}.paper-context p{font-size:17px}}