.study-plan{margin:28px 0 36px;scroll-margin-top:100px;color:#233b49}
.study-plan h2{font-size:26px;line-height:1.25;margin:0 0 12px;letter-spacing:-.025em}
.study-plan h3{font-size:21px;line-height:1.4;margin:0 0 12px}.study-plan h4{font-size:19px;line-height:1.4;margin:6px 0 10px}
.study-plan p{line-height:1.65}.plan-intro{max-width:66ch;color:#5c6d77;margin:0 0 24px}
.plan-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.study-plan a{color:#974740;text-underline-offset:4px}
.plan-empty{padding:22px 0;margin:0;border-top:1px solid #dddeda;border-bottom:1px solid #dddeda;color:#5c6d77}
.plan-direction{display:block;font-size:12px;font-weight:700;color:#716153;margin-bottom:6px}
.plan-route{border:1px solid #deded9;border-radius:16px;background:#fff;margin:16px 0;overflow:hidden}
.plan-route>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:24px;align-items:center;padding:24px;cursor:pointer}
.plan-route>summary::-webkit-details-marker{display:none}.plan-route>summary strong{font-size:21px;line-height:1.4;display:block;font-weight:700}
.plan-status{display:block;margin-top:8px;font-size:12px;color:#566951}.plan-count{display:block;font-size:13px;color:#5c6d77;margin-bottom:8px}
.study-plan progress{display:block;width:100%;height:7px;accent-color:#38634e;border:0;border-radius:4px;background:#e9ece7;overflow:hidden;margin-bottom:16px}
.study-plan progress::-webkit-progress-bar{background:#e9ece7}.study-plan progress::-webkit-progress-value{background:#38634e}.study-plan progress::-moz-progress-bar{background:#38634e}
.plan-summary-score progress{margin:0}.plan-route-body{border-top:1px solid #e3e4df;padding:24px}.plan-route-body>p:first-child{margin:0 0 20px;max-width:65ch;color:#5c6d77}
.plan-steps{list-style:none;counter-reset:step;margin:28px 0;padding:0}.plan-steps>li{counter-increment:step;position:relative;padding:24px 0 24px 48px;border-top:1px solid #e4e5e0;scroll-margin-top:100px}
.plan-steps>li:before{content:counter(step);position:absolute;left:0;top:24px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0f1ed;color:#53636c;font-size:13px;font-weight:700}
.plan-steps>li.is-done:before{background:#e7eee4;color:#31523d}.plan-step-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#5c6d77;margin-bottom:12px}
.plan-step-head span:first-child{font-weight:700}.plan-steps h3{font-size:18px;margin:0 0 8px}.plan-steps h3 a{color:#233b49;text-decoration:none}.plan-steps h3 a:hover{text-decoration:underline}
.plan-steps p{font-size:14px;color:#5c6d77;margin:0 0 14px}.plan-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.study-plan button,.study-plan select{font:inherit;min-height:44px;max-width:100%}.study-plan button{cursor:pointer}.study-plan button:disabled,.study-plan select:disabled{opacity:.55;cursor:wait}
.study-plan .plan-secondary{padding:10px 14px;border:1px solid #d5dbd5;border-radius:10px;background:#fff;color:#40584b;font-size:13px}.study-plan .plan-secondary:hover{background:#f3f5f0}
.study-plan .learning-button{color:#974740}.study-plan .learning-button.primary{color:#fff}.study-plan :is(a,button,summary,select):focus-visible{outline:3px solid #a64f49;outline-offset:3px}
.study-plan select{display:block;width:100%;background:white;color:#233b49;border:1px solid #cbd3cf;padding:11px 12px;border-radius:10px;line-height:1.5}
.plan-choose{margin-top:32px}.plan-choose>label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}.plan-choose>select{max-width:440px}
.plan-available>article{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 0;border-bottom:1px solid #deded9}.plan-available>article>div{min-width:0;max-width:64ch}.plan-available p{font-size:14px;color:#5c6d77;margin:0 0 8px}.plan-available button{flex-shrink:0}
.study-plan .plan-help{font-size:12px;line-height:1.65;color:#5c6d77;margin:12px 0}.plan-feedback:not(:empty){margin:18px 0;padding:12px 16px;background:#eef3eb;color:#31523d;border-radius:10px;font-size:14px}
.plan-check-list>div{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px 18px;padding:18px 0;border-top:1px solid #e4e5e0}.plan-check-list>div>a{grid-column:1;grid-row:1/3;font-size:14px;align-self:center}.plan-check-list label{font-size:12px;margin:0}.plan-check-list select{font-size:13px}.plan-check-list>div>.plan-check-open{grid-column:2;grid-row:auto;font-size:12px}
body:not(:has(.learning-page)) .study-plan{background:white;border:1px solid #deded9;border-radius:16px;padding:24px}body:not(:has(.learning-page)) .study-plan progress{max-width:450px}
@media(max-width:760px){.study-plan h2{font-size:24px}.plan-route>summary{grid-template-columns:1fr;gap:16px;padding:20px}.plan-route>summary strong{font-size:19px}.plan-summary-score{max-width:230px}.plan-route-body{padding:20px}.plan-available>article{align-items:flex-start;flex-direction:column;gap:12px}.plan-steps>li{padding-left:38px}.plan-check-list>div{grid-template-columns:1fr}.plan-check-list>div>a{grid-row:auto}.plan-check-list>div>.plan-check-open{grid-column:1}.plan-check-list label{margin-top:8px}.plan-heading{flex-wrap:wrap}.study-plan .learning-button{max-width:100%;white-space:normal;text-align:center}.plan-step-actions{align-items:flex-start;flex-direction:column}.plan-steps h3{overflow-wrap:anywhere}.study-plan{scroll-margin-top:90px}}

.plan-terms,.plan-reflection{margin-top:22px;padding-top:18px;border-top:1px solid #e4e5e0}.plan-terms h4,.plan-reflection h4{font-size:15px;margin:0 0 10px}.plan-terms ul,.plan-reflection ul{padding-left:20px;font-size:14px;line-height:1.7}.plan-terms li,.plan-reflection li{margin:8px 0}.plan-terms p{font-size:13px}
