:root{font-family:'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif;color:#202827;background:#f5f7f9;font-synthesis:none;--green:#174f46;--muted:#687175;--border:#dce1e3;--light:#e5f3f1;--radius:12px}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.4px;line-height:1.45;font-weight:750}h2{font-size:21px;line-height:1.5;font-weight:700;letter-spacing:-.55px}h3{font-size:16px;font-weight:700}svg{width:21px;height:21px;flex:none;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b77e27;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--border);width:224px;padding:30px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--green);font-size:27px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.brand svg{width:36px;height:36px}.sidebar nav{display:grid;gap:16px;margin-top:42px}.nav{display:flex;gap:16px;align-items:center;border-radius:10px;padding:16px 18px;font-size:16px;color:#394441}.nav svg{width:26px;height:26px}.nav.active{background:var(--light);color:var(--green);font-weight:700}.nav:hover{background:#f0f5f3}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding:23px 5px 0;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}main{margin-left:224px;padding:26px 42px 36px;max-width:1660px}.topbar{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:34px;font-size:15px}.slash{margin:0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cdd6d3;border-radius:6px;padding:11px 19px;font-size:14px;font-weight:550;color:var(--green);background:#fff;min-height:43px;line-height:1.5}.button:hover:not(:disabled){background:#edf4f1}.button.primary{background:var(--green);color:#fff;border-color:var(--green)}.button.primary:hover{background:#123d36}.button.small{padding:8px 15px;font-size:13px;min-height:38px}.page-heading{margin-bottom:25px}.page-heading p{color:#667074;font-size:16px;margin-top:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;margin-bottom:25px}.stats>div{display:flex;align-items:center;justify-content:center;gap:16px}.stats>div+div{border-left:1px solid var(--border)}.stats strong{font-size:28px;font-weight:700;color:var(--green);line-height:1.4;font-variant-numeric:tabular-nums}.stats span{font-size:13px;color:var(--muted)}.study-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr);gap:24px}.panel{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 1px 3px #152f2510}.settings h2{margin-bottom:16px}.form-row{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;min-height:36px}.form-row>span{font-size:14px;font-weight:500}.form-row.divided{border-bottom:1px solid var(--border);padding-bottom:17px;margin-bottom:17px}.segments{display:flex;width:100%}.segments button{flex:1;border:1px solid #d1d8d6;background:white;color:#404947;padding:8px 10px;font-size:14px;line-height:1.4;min-height:37px}.segments button+button{border-left:0}.segments button:first-child{border-radius:5px 0 0 5px}.segments button:last-child{border-radius:0 5px 5px 0}.segments button[aria-pressed=true],.pills button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.pills{display:flex;gap:14px}.pills button{border:1px solid #d3d9d7;border-radius:20px;padding:3px 18px;background:white;font-size:13px;min-height:30px}select{width:100%;padding:8px 32px 8px 14px;background:white;border:1px solid #d1d8d6;border-radius:6px;color:#424d49;min-height:38px;font-size:14px}.radios{display:flex;gap:24px;font-size:14px}.radios label{display:flex;align-items:center;gap:8px}input[type=radio],input[type=checkbox]{accent-color:var(--green);width:17px;height:17px;flex:none}.notice{margin-top:25px;padding:14px 15px;display:flex;gap:10px;align-items:flex-start;background:#f4f6f8;border-radius:7px;color:#5d6568;font-size:12px;line-height:1.8}.notice svg{width:19px;height:19px;margin-top:1px}.summary{padding:24px 28px;background:var(--green);border-radius:var(--radius);color:white;display:flex;flex-direction:column;min-height:450px;box-shadow:0 2px 4px #173f3a22}.summary h2{padding-bottom:16px;border-bottom:1px solid #ffffff45}.summary-range{border-bottom:1px solid #ffffff45;padding:24px 0;display:grid;gap:8px}.summary-range>span{color:#d1e2dd;font-size:14px}.summary-range strong{font-size:25px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.big-number{font-family:Arial,sans-serif;font-size:76px;line-height:1.4;font-weight:600;margin-top:14px}.big-number span{font-family:'Malgun Gothic',sans-serif;font-size:21px;font-weight:400;margin-left:8px}.summary>p{font-size:17px}.summary>p.available{font-size:12px;color:#c4dad4;margin-top:12px;margin-bottom:20px}.button.start{background:white;border:0;color:var(--green);font-size:19px;font-weight:700;width:100%;margin-top:auto;padding:14px}.how{margin-top:22px;padding:21px 24px}.how h2{font-size:18px;margin-bottom:16px}.how>div{display:grid;grid-template-columns:repeat(3,1fr)}.how article{display:flex;gap:16px;padding-right:20px}.how article+article{border-left:1px solid var(--border);padding-left:24px}.how b{background:var(--green);color:white;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:21px;flex:none}.how p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}.resume{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid #b8d4cc;background:#eef8f4;border-radius:9px;margin-bottom:22px;gap:16px}.resume>div{display:grid;gap:3px}.resume span{font-size:12px;color:var(--muted)}.quiz-wrap{max-width:860px;margin:0 auto}.quiz-top,.quiz-actions,.question-meta,.question-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.quiz-top{font-size:14px;color:var(--muted);margin-bottom:15px}.quiz-top a,.back-link,.source-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px}.back-link{margin-bottom:20px}progress{width:100%;height:5px;display:block;margin-bottom:24px;accent-color:var(--green);border:0;background:#dce7e3}progress::-webkit-progress-bar{background:#dce7e3}progress::-webkit-progress-value{background:var(--green)}.question{padding:30px}.question-meta{font-size:13px;color:var(--muted);margin-bottom:20px}.icon-button{padding:7px;border:1px solid var(--border);border-radius:6px;color:var(--green);background:white}.icon-button.marked,.icon-button[aria-pressed=true]{background:#f5e6c3;color:#936617}.question-text{font-size:21px;line-height:1.9;letter-spacing:-.4px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}.question-text p+p{margin-top:15px}.options{padding:0;border:0;margin:26px 0}.options legend{font-size:12px;color:var(--muted);margin-bottom:10px}.option{display:flex;gap:12px;align-items:baseline;padding:15px 17px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;font-size:16px;cursor:pointer}.option.selected{border-color:#337467;background:#eff7f3}.option input{align-self:center}.option-num{color:var(--green);font-weight:700}.option>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.question-bottom{border-top:1px solid var(--border);padding-top:16px;margin-top:20px}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:12px;padding:5px}.written-label{display:grid;gap:10px;margin-top:25px;font-size:13px;color:var(--muted)}textarea{width:100%;resize:vertical;min-height:85px;background:#fff;border:1px solid #cbd5d1;border-radius:8px;padding:14px;color:#273b34;font-size:15px;line-height:1.85}textarea:focus{border-color:var(--green)}.answer{border:1px solid #c8dfd4;background:#f0f7f3;padding:20px 22px;border-radius:8px;margin-top:24px;white-space:pre-wrap;overflow-wrap:anywhere}.answer h2{font-size:17px;margin-bottom:14px}.answer p{font-size:16px;line-height:1.95}.answer p+p{margin-top:13px}.answer summary{font-weight:700;cursor:pointer}.answer p.small{font-size:12px}.rating{padding-top:23px}.rating p{margin-bottom:12px;font-size:14px}.rating .button{margin-right:8px}.review-selected{border-color:#ae7e2c;background:#fff6e6;color:#895710}.reveal-row{margin-top:25px;text-align:center}.reveal-row .button{min-width:210px}.personal-note{margin-top:24px;border-top:1px solid var(--border);padding-top:18px;font-size:13px;color:var(--muted)}.personal-note summary{cursor:pointer;margin-bottom:12px}.quiz-actions{margin:20px 0}.quiz-actions>span{font-size:12px;color:var(--muted)}.matching{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.matching>div{background:#f7f9f8;border-radius:8px;padding:18px;font-size:15px}.matching h3{margin-bottom:15px;color:var(--green)}.matching p{margin-bottom:12px;overflow-wrap:anywhere}.search-row{display:flex;gap:12px}.search{border:1px solid #cfd8d4;border-radius:6px;display:flex;align-items:center;padding:0 14px;flex:1;min-width:120px;background:white}.search input{width:100%;border:0;padding:11px;background:none;outline:none;font-size:14px}.search:focus-within{outline:2px solid var(--green)}.search-row select{width:175px}.list-top{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:13px;color:var(--muted)}.question-list{border-top:1px solid var(--border)}.question-row{display:flex;align-items:center;gap:20px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:white;padding:21px 0}.question-row:hover{background:#f5f9f7}.row-number{width:36px;color:var(--muted);font-size:14px;text-align:center;flex:none}.row-content{display:grid;gap:5px;flex:1;min-width:0}.row-meta{font-size:12px;color:var(--muted)}.row-content strong{font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;overflow-wrap:anywhere}.row-status{color:var(--green);display:flex;align-items:center;gap:13px;font-size:11px;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px;font-size:13px}.empty{text-align:center;padding:60px 20px}.empty>svg{width:42px;height:42px;color:#71958b;margin-bottom:20px}.empty h2{font-size:21px;margin-bottom:10px}.empty p{color:var(--muted);font-size:14px;margin-bottom:24px}.history-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}.history-list article:first-child{padding-top:0}.history-list h2{font-size:17px;margin-bottom:5px}.history-counts{display:flex;gap:22px;font-size:13px;color:var(--muted)}.history-counts b{color:var(--green);margin-left:6px}.data-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:20px 0;font-size:15px}.data-row strong{color:var(--green)}.panel+.panel{margin-top:22px}.panel>p{margin-top:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.file-input{position:absolute;width:1px;height:1px;opacity:0}.button:has(input:focus-visible){outline:3px solid #b77e27}.read-options{font-size:16px;line-height:1.9;padding-left:24px}.read-options li{padding:9px 0}.small{font-size:12px}.muted{color:var(--muted)}.check-note{background:#fff7e7;color:#8c641d;padding:9px 13px;font-size:12px;border-radius:5px;margin-bottom:15px}.warning{padding:12px 16px;background:#fff2d6;border:1px solid #e5c887;border-radius:6px;font-size:13px;margin-bottom:18px}.report-dialog{width:min(92vw,520px);border:1px solid var(--border);border-radius:12px;padding:26px;color:#20392f}.report-dialog::backdrop{background:#142c2888}.report-dialog h2{margin-bottom:12px}.report-dialog label{display:grid;gap:8px;font-size:14px;margin:20px 0}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;left:10px;top:10px;z-index:100;background:white;padding:10px}.loading{padding:60px;text-align:center}.load-error{margin:0 auto;max-width:700px;padding:70px 25px}.load-error p{margin:20px 0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#203f35;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 5px 20px #0002;z-index:100;opacity:0;pointer-events:none;max-width:90vw;font-size:14px}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){main{padding:30px 46px}.study-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}}@media(max-width:1120px){main{padding:25px}.sidebar{width:200px}.brand{font-size:24px;padding:0}.nav{padding:14px 9px;gap:12px}main{margin-left:200px}.form-row{grid-template-columns:75px minmax(0,1fr)}.study-layout{gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr)}.panel{padding:20px}.summary{padding:22px}.how article{gap:10px;padding-right:12px}.how article+article{padding-left:15px}.how b{width:30px;height:30px;font-size:17px}.how h3{font-size:14px}.stats>div{gap:10px}.search-row{flex-wrap:wrap}.search{flex-basis:100%}.search-row select{flex:1}.history-counts{gap:10px}}
@media(max-width:820px){.sidebar{position:static;width:auto;padding:18px 20px 0;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:24px}.brand svg{width:28px;height:28px}.sidebar nav{display:flex;gap:6px;margin:18px -6px 0;overflow-x:auto;padding-bottom:10px}.nav{padding:9px 10px;gap:6px;white-space:nowrap;font-size:13px;border-radius:7px}.nav svg{width:18px;height:18px}.sidebar-foot{display:none}main{margin:0;padding:22px}.topbar{margin-bottom:26px;font-size:12px}.topbar .button{min-height:32px;font-size:12px;padding:6px 10px}.study-layout{grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.form-row{grid-template-columns:64px minmax(0,1fr);gap:7px}.segments button{font-size:12px;padding:9px 5px}.radios{gap:12px}.pills{gap:8px}.pills button{padding:3px 13px}.summary{padding:20px}.summary-range strong{font-size:22px}.summary>p{font-size:15px}.how article+article{padding-left:12px}.how p{font-size:11px}h1{font-size:30px}.page-heading p{font-size:14px}.stats strong{font-size:25px}.stats span{font-size:11px}}
@media(max-width:620px){main{padding:20px 16px}.sidebar{padding-left:16px;padding-right:16px}.sidebar nav{justify-content:space-between;gap:2px}.nav{flex-direction:column;gap:4px;padding:7px 6px;font-size:10px}.nav svg{width:21px;height:21px}.study-layout{grid-template-columns:1fr}.stats{padding:15px 0;margin-bottom:20px}.stats>div{flex-direction:column;gap:2px}.stats strong{font-size:25px}.stats span{font-size:11px}.topbar{margin-bottom:22px}.slash{margin:0 10px}h1{font-size:27px}.page-heading p{font-size:13px;line-height:1.8}.panel{padding:21px 18px}.form-row{grid-template-columns:74px minmax(0,1fr);margin-bottom:16px}.form-row>span{font-size:13px}.segments button{font-size:12px}.summary{min-height:0;padding:22px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.summary h2{grid-column:1/-1}.summary-range{padding:17px 0;border:0;grid-row:2}.summary-range strong{font-size:21px}.big-number{font-size:58px;margin:4px 0;text-align:right;grid-row:2}.big-number span{font-size:17px}.summary>p{font-size:13px}.summary>p.available{margin:0;font-size:10px;align-self:center;text-align:right}.summary .start{grid-column:1/-1;margin-top:20px;font-size:17px}.how>div{grid-template-columns:1fr;gap:18px}.how article+article{border:0;padding-left:0}.how p{font-size:12px}.how b{width:34px;height:34px}.how h3{font-size:15px}.resume{padding:14px;gap:10px}.resume strong{font-size:13px}.resume span{font-size:11px}.resume .button{font-size:12px;white-space:nowrap;padding:9px 12px}.question-text{font-size:18px;line-height:1.95}.question-meta{font-size:11px}.option{padding:13px 10px;font-size:15px;gap:9px}.option input{width:15px;height:15px}.matching{grid-template-columns:1fr}.quiz-actions{flex-wrap:wrap;gap:12px}.quiz-actions>span{order:3;width:100%;text-align:center}.quiz-actions .button{font-size:13px;flex:1;padding:11px 10px}.question-bottom{gap:8px;flex-wrap:wrap}.source-link{font-size:12px}.answer{padding:16px}.answer p{font-size:15px}.rating .button{font-size:12px;padding:10px 12px}.rating p{font-size:13px}.question-row{gap:10px}.row-number{width:25px;font-size:12px}.row-content strong{font-size:14px}.row-status{font-size:0;gap:0}.row-status svg{width:17px}.row-meta{font-size:11px}.search-row select{width:100%;font-size:12px;padding-left:8px}.list-top .button{font-size:11px;padding:8px}.history-list article{display:block}.history-counts{margin-top:15px;justify-content:space-between}.data-row{font-size:13px}.empty{padding:40px 0}.empty h2{font-size:18px}.actions .button{font-size:12px}.topbar>span{max-width:60%}}
@media(min-width:1300px){.sidebar{width:270px;padding-top:34px}.brand{padding:0 20px}.brand svg{width:40px;height:40px}main{margin-left:270px;padding:34px 46px 36px}.page-heading{margin-bottom:30px}.settings,.summary{min-height:498px}.how{min-height:166px}.how p{font-size:13px}.big-number{font-size:84px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s}#toast{transition:opacity .18s,transform .18s}}

.grading-list{display:grid;gap:20px;margin-top:20px}.grading-list .matching p{white-space:pre-wrap}.segments{flex-wrap:wrap}

.book-picker{min-width:0;width:100%}.book-picker summary{cursor:pointer;line-height:1.6;overflow-wrap:anywhere}.book-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:310px;overflow:auto;margin-top:14px;padding:4px}.book-options label{display:flex;gap:7px;align-items:center;font-size:14px;cursor:pointer}.book-options input{accent-color:#174f46;flex-shrink:0}.summary-range strong{overflow-wrap:anywhere}@media(max-width:620px){.book-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

.custom-count{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:2;margin-top:10px;font-size:14px}.custom-count input{width:110px;padding:10px;border:1px solid #d7dedc;border-radius:8px;font:inherit}@media(max-width:620px){.custom-count{grid-column:auto}}

.jokbo-picker{padding:18px;background:#f2f6f2;border:1px solid #dbe7dc;border-radius:12px;margin:18px 0}.jokbo-picker>span{display:block;font-weight:700;margin-bottom:12px}.jokbo-picker .pills{display:flex;flex-wrap:wrap;gap:8px}.jokbo-picker p{margin-bottom:0;line-height:1.65}.jokbo-evidence{margin:0 0 20px;padding:12px 16px;border:1px solid #dbe7dc;border-radius:8px;background:#f2f6f2;font-size:14px}.jokbo-evidence summary{cursor:pointer;color:#345844;font-weight:600}.jokbo-evidence ul{max-height:160px;overflow:auto;padding-left:22px}

.study-focus{background:#f5f7fa}.study-focus .sidebar,.study-focus .topbar{display:none}.study-focus main{margin:0;max-width:none;padding:24px 16px 40px}
.study-stage{max-width:680px;margin:0 auto;background:#fff;padding:22px;border:1px solid #dce2e8;border-radius:22px;box-shadow:0 4px 12px #26384909}
.study-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 24px;font-size:14px;color:#20292a}.study-header a{display:flex;align-items:center;gap:9px}.study-header strong{font-size:19px}.study-header>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.study-stage progress{height:7px;border-radius:10px;overflow:hidden;margin-bottom:22px}.study-stage progress::-webkit-progress-value{border-radius:10px}
.study-card{padding:24px;border:1px solid #e7eaed;border-radius:18px;box-shadow:0 3px 7px #1d302313;min-height:480px}
.study-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px;font-size:13px;color:#384a43}.study-meta .icon-button{border:0}
.study-card .question-text{font-size:23px;line-height:1.65;letter-spacing:-.5px}.study-card .question-text p+p{margin-top:12px}.study-hint{font-size:13px;color:#6a7379;margin:12px 0 22px;line-height:1.6}
.study-options{display:grid;gap:12px}.study-option{width:100%;min-height:64px;display:flex;align-items:center;gap:16px;text-align:left;padding:15px 17px;background:white;border:1px solid #b9c9c6;border-radius:12px;color:#202c28;font:inherit;font-size:17px;line-height:1.5;cursor:pointer;box-shadow:0 2px 0 #e1e8e5}
.study-option:hover:not(:disabled){background:#f0f8f4;border-color:#608f7d}.study-option-number{display:grid;place-items:center;border:1px solid var(--green);width:36px;height:36px;border-radius:50%;flex-shrink:0;color:var(--green);font-weight:700;font-size:16px}.study-option-text{flex:1;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.study-option.selected{border-color:var(--green);background:#eef7f2}.study-option:disabled{opacity:1;cursor:default;box-shadow:none}.study-option.correct{background:#edf8f2;border-color:#6a9c88}.study-option.incorrect{background:#fff4f0;border-color:#e8a794}.study-option.incorrect .study-option-number{color:#b94126;border-color:#d27660}.study-option-mark{display:flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:700;white-space:nowrap;margin-left:auto}.study-option-mark svg{width:19px;height:19px}.study-option.incorrect .study-option-mark{color:#b94126}
.ox-options{grid-template-columns:1fr 1fr}.ox-options .study-option{min-height:140px;flex-direction:column;justify-content:center;gap:12px}.ox-options .study-option-number{font-size:38px;width:64px;height:64px;border:0}.ox-options .study-option-mark{margin:0}
.study-feedback{background:#edf7f3;border-radius:12px;margin-top:18px;padding:20px;outline:none}.study-feedback h2{font-size:19px;color:var(--green);margin:0 0 8px}.study-answer-source{font-size:11px;color:#54746a}.study-feedback p{font-size:15px;line-height:1.75;margin-top:8px;overflow-wrap:anywhere;white-space:pre-wrap}.study-feedback p.study-key{font-size:18px;font-weight:650}.study-feedback .study-saved{font-size:12px;color:#54746a}.study-feedback.try-again{background:#eff6f3}
.study-explanation,.study-correction{font-size:12px;margin-top:12px}.study-explanation summary,.study-correction summary{cursor:pointer}.study-correction .button{font-size:12px;margin:10px 8px 0 0;padding:7px 10px}.study-self-rate{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.study-self-rate .button{flex:1;font-size:13px;padding:10px}
.study-written{background:#f6f8fa;border-radius:10px;padding:15px;margin:18px 0}.study-written>span{font-size:12px;color:#67746d}.study-written p{font-size:15px;line-height:1.75;white-space:pre-wrap;margin-top:8px}
.study-controls{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.study-controls .button{border-radius:10px;min-height:50px;font-size:14px}.study-controls .primary{flex:1;max-width:440px;font-size:17px;box-shadow:0 3px 0 #102e25}.study-controls .button:disabled{opacity:.4}.study-skip{text-align:right;margin-top:10px}
.study-extras{margin-top:20px;border:1px solid #dce2e8;border-radius:12px;padding:16px;font-size:13px}.study-extras>summary{cursor:pointer;font-size:15px;font-weight:600}.study-extras[open]>summary{margin-bottom:18px}.study-extras .jokbo-evidence{margin-top:16px}.study-extras .actions{margin:12px 0 0}.study-extras .written-label{margin-top:16px}.study-card .written-label{grid-template-columns:1fr auto}.study-card .written-label textarea{grid-column:1/-1}
@media(max-width:620px){.study-focus main{padding:12px 10px 24px}.study-stage{padding:15px 12px;border-radius:17px}.study-header{font-size:12px;margin-bottom:20px;gap:8px}.study-header strong{font-size:16px}.study-header a{gap:5px}.study-header svg{width:17px}.study-card{padding:20px 16px;min-height:400px}.study-meta{margin-bottom:18px;font-size:12px}.study-card .question-text{font-size:20px;line-height:1.65}.study-hint{font-size:12px;margin-bottom:18px}.study-option{min-height:62px;font-size:15px;padding:12px;gap:10px;border-radius:10px;flex-wrap:wrap}.study-option-text{flex-basis:calc(100% - 45px)}.study-option-number{width:30px;height:30px;font-size:14px}.study-option-mark{margin-left:40px}.study-option.correct,.study-option.incorrect{row-gap:4px}.study-controls{gap:10px}.study-controls .button{font-size:12px;padding:10px 12px}.study-controls .primary{font-size:16px}.study-feedback{padding:16px}.study-feedback h2{font-size:18px}.study-feedback p.study-key{font-size:16px}.study-extras{padding:14px}.ox-options .study-option{min-height:125px}.ox-options .study-option-mark{margin:0}.ox-options .study-option-number{font-size:36px;width:54px;height:54px}}
@media(prefers-reduced-motion:no-preference){.study-card{animation:study-in .18s ease-out}.study-feedback{animation:study-in .2s ease-out}.study-option:active:not(:disabled){transform:translateY(2px);box-shadow:none}@keyframes study-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

.study-controls{scroll-margin-bottom:20px}
.match-picker{margin:18px 0}.match-instruction{font-size:14px;color:#50645f;min-height:2.8em}.match-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.match-columns h3{font-size:13px;color:#69756f;margin:0 0 10px}.match-item{display:flex;align-items:center;gap:8px;width:100%;padding:14px 12px;margin:0 0 10px;border:1px solid #d9e3de;border-radius:12px;background:white;color:#223e35;text-align:left;font:inherit;cursor:pointer;min-height:58px;overflow-wrap:anywhere}.match-item>span{flex:1;min-width:0}.match-item small{color:#176651;font-weight:700;white-space:nowrap}.match-item.linked{background:#edf6f1;border-color:#a5c6b7}.match-item.active{outline:3px solid #27745e;outline-offset:1px;background:#e5f2eb}.match-item:disabled{cursor:default;opacity:1}.match-item:focus-visible{outline:3px solid #27745e;outline-offset:2px}.match-pairs{border-top:1px solid #dce7e0;padding-top:12px;margin-top:6px;font-size:13px}.match-pairs summary{cursor:pointer;color:#426454}.match-pairs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.matched-answer{display:block;margin:8px 0;line-height:1.7}.review-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0ed}.review-row .question-row{flex:1;min-width:0;border-bottom:0}.review-row>.button{flex-shrink:0}.type-summary{overflow:auto}.type-summary table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;margin:18px 0}.type-summary caption{text-align:left;margin-bottom:10px}.type-summary th,.type-summary td{padding:10px;text-align:left;border-bottom:1px solid #e2e7e3}@media(max-width:600px){.match-columns{gap:12px}.match-item{font-size:14px;padding:12px 8px;gap:5px;flex-wrap:wrap}.match-item small{width:100%;text-align:right}.review-row{gap:4px}.review-row>.button{font-size:12px;padding:8px}.list-top{flex-wrap:wrap;gap:10px}}
.practice-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:24px 0}.practice-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.practice-counts label{display:flex;flex-direction:column;gap:8px;font-weight:600}.practice-counts input{width:100%;min-width:0;box-sizing:border-box;font-size:22px;padding:14px 10px;border:1px solid #cfdbd3;border-radius:10px;background:#fff;color:#183e30}.practice-counts small{font-size:11px;font-weight:400;color:#738078}.practice-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e9e3;padding-top:16px}.practice-total strong{font-size:26px;color:#1d5f46}.pattern-guide article{border-bottom:1px solid #e6ece8;padding:14px 0}.pattern-guide article:last-child{border:0}.pattern-guide b{font-size:12px;color:#4b7b64}.pattern-guide h3{margin:8px 0;font-size:18px}.pattern-guide p{font-size:14px;color:#57645c;line-height:1.8;margin:6px 0}.pattern-evidence{margin-top:18px}.pattern-evidence summary,.practice-rubric summary{cursor:pointer;font-weight:600}.pattern-evidence article{padding:14px 0;border-bottom:1px solid #e3eae5}.pattern-evidence blockquote{margin:12px 0;padding:12px 16px;border-left:3px solid #8cbca1;background:#f4f8f5}.pattern-topics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pattern-topics li{margin:10px 0;line-height:1.7}.pattern-topics li b{font-size:12px;color:#43765d;white-space:nowrap}.practice-badge{display:inline-block!important;background:#fff4d9;color:#805c17!important;font-size:12px!important;padding:6px 10px;border-radius:7px;margin:0 0 16px!important;font-weight:600}.practice-rubric{padding:14px 0;border-top:1px solid #d7e4d9;margin-top:16px}.practice-rubric li{margin:6px 0}@media(max-width:900px){.practice-layout{grid-template-columns:1fr}.pattern-topics{grid-template-columns:1fr}}@media(max-width:450px){.practice-counts{gap:8px}.practice-counts input{padding:12px 8px}.practice-layout{gap:16px}}

.practice-layout>.panel{margin:0}