.study-shell{color:#17233f;background:#f6f7fb;min-height:100vh;padding:24px 20px 100px}.study-wrap{max-width:1100px;margin:0 auto}.study-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0;padding:0;list-style:none;display:grid}.study-steps li{color:#536079;background:#e9ecf3;border-radius:12px;align-items:center;gap:8px;padding:12px 8px;font-size:13px;font-weight:750;display:flex}.study-steps li span{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.study-steps li[aria-current]{color:#fff;background:#6558d9}.study-steps li[aria-current] span{color:#6558d9}.study-steps li[data-done=true]{color:#245a51;background:#d9f2ec}@media (max-width:600px){.study-steps{gap:4px}.study-steps li{text-align:center;flex-direction:column;gap:5px;padding:10px 2px;font-size:11px}}.study-shell h1{letter-spacing:-.04em;font-size:clamp(24px,4vw,36px);font-weight:900}.study-shell h2{font-size:20px;font-weight:800}.study-shell p{line-height:1.8}.study-card{background:#fff;border:2px solid #17233f;border-radius:20px;margin:20px 0;padding:24px;box-shadow:4px 4px #17233f}.study-shell button,.study-link{cursor:pointer;background:#eceafe;border:2px solid #17233f;border-radius:12px;padding:9px 15px;font-weight:750;display:inline-block}.study-shell button.primary,.study-link.primary{color:#fff;background:#6558d9}.study-shell button:disabled{opacity:.45;cursor:not-allowed}.study-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.study-shell textarea,.study-shell select{background:#fff;border:1.5px solid #8a93a7;border-radius:8px;max-width:100%;padding:8px}.study-shell textarea{width:100%;min-height:80px}.study-shell label{align-items:center;gap:8px;display:flex}.study-tools{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.study-tools input[type=range]{width:80px}.study-tools input[type=color]{width:32px;height:30px}.study-tools button{padding:5px 10px}.study-hint{background:#eceafe;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px;font-size:13px;display:flex}.study-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.study-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.study-error{white-space:pre-wrap;background:#fff0f0;border-left:4px solid #c84b57;margin:12px 0;padding:12px}.study-muted{color:#536079;font-size:13px}.study-scale{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.study-scale label{flex-direction:column;min-width:32px}.study-shell table{border-collapse:collapse;width:100%;font-size:13px}.study-shell th,.study-shell td{text-align:left;border-bottom:1px solid #d9ddea;padding:9px}.study-scroll{overflow-x:auto}.study-shell img{object-fit:contain;max-width:100%}.study-progress{background:#eceafe;border-radius:5px;height:8px;overflow:hidden}.study-progress>span{background:#6558d9;height:100%;display:block}.study-shell button:focus-visible,.study-shell a:focus-visible{outline-offset:3px;outline:3px solid #d58251}@media (max-width:640px){.study-grid{grid-template-columns:1fr}.study-card{padding:16px}.study-shell{padding:20px 14px 90px}.study-tools{gap:6px}}@media print{.study-shell button,.study-no-print,.study-shell nav{display:none!important}.study-shell{background:#fff;padding:0}.study-card{box-shadow:none;break-inside:avoid}.study-grid{grid-template-columns:1fr 1fr}.study-scroll{overflow:visible}}