.hsc-study-desk{margin:40px 0;padding:clamp(22px,4vw,48px);border:1px solid #b99b5c;border-radius:24px;background:linear-gradient(135deg,#09243a,#102f46);color:#edf2f5;font:16px/1.6 system-ui;box-shadow:0 20px 65px #071a3026}
.hsc-study-desk,.hsc-study-desk *{box-sizing:border-box;min-width:0}.hsc-study-desk [hidden]{display:none!important}
.hsc-study-desk header{max-width:900px;margin-bottom:30px}.hsc-study-desk__eyebrow{color:#f0ce87;font:800 11px/1.5 system-ui;letter-spacing:.16em;text-transform:uppercase}.hsc-study-desk h2{margin:10px 0 20px;color:#fff0d1;font:500 clamp(30px,3.3vw,48px)/1.12 Georgia,serif;letter-spacing:-.025em}.hsc-study-desk header>p:last-child{color:#c4d3df}.hsc-study-desk h3{margin:0 0 14px;color:#fff0d1;font:600 24px/1.3 Georgia,serif}
.hsc-study-desk__start{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.hsc-study-desk label{display:grid;gap:8px;color:#f2e5c9;font:700 13px/1.5 system-ui}.hsc-study-desk input,.hsc-study-desk textarea,.hsc-study-desk select{width:100%;padding:13px 14px;border:1px solid #748da2;border-radius:10px;background:#fffdf7;color:#142c40;font:16px/1.55 system-ui}.hsc-study-desk textarea{resize:vertical;min-height:190px}.hsc-study-desk__start form{display:grid;gap:10px}.hsc-study-desk small{color:#c0cfd9;font-size:12px;line-height:1.5}
.hsc-study-desk button,.hsc-study-desk__actions>a,.hsc-study-desk__saved>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;border:1px solid #d3b478;border-radius:10px;background:#f1d79d;color:#102c40;font:750 13px/1.5 system-ui;text-decoration:none;cursor:pointer}.hsc-study-desk button:disabled{opacity:.6;cursor:wait}.hsc-study-desk :is(a,button,input,textarea,select):focus-visible,.hsc-study-desk h3:focus-visible{outline:3px solid #f9d27d;outline-offset:4px}
.hsc-study-desk__body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.hsc-study-desk__body>nav{display:flex;flex-direction:column;gap:8px;align-items:stretch}.hsc-study-desk__body>nav>button{justify-content:flex-start;gap:12px;text-align:left;background:#10283e;color:#e5eef4;border-color:#697e8e}.hsc-study-desk__body>nav>button[aria-pressed=true]{background:#f1d79d;color:#102c40;border-color:#f1d79d}.hsc-study-desk__body>nav>button>span{font-size:11px;opacity:.8}.hsc-study-desk__body>nav>button>small{margin-left:auto;color:inherit}.hsc-study-desk__panel{padding:24px;background:#051a2b;border:1px solid #7d8e9c;border-radius:16px}.hsc-study-desk__panel>p{color:#c6d5e0;font-size:14px}.hsc-study-desk__panel label{margin-bottom:8px}.hsc-study-desk__panel>button{margin-top:16px;background:transparent;color:#f3d99f}.hsc-study-desk [data-study-progress]{color:#c6d5e0;font-size:12px}
.hsc-study-desk__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid #718292}.hsc-study-desk__actions :is(a,button):not(:first-child){background:transparent;color:#f3d99f}.hsc-study-desk__saved{margin-top:28px;padding:24px;border:1px solid #8494a1;border-radius:16px;background:#122f46}.hsc-study-desk__saved>p{color:#cad7df;font-size:13px}.hsc-study-desk__saved>div{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.hsc-study-desk__saved label{flex:1 1 240px}.hsc-study-desk__confirm{margin-top:22px;padding:20px;border:2px solid #e5be72;border-radius:12px}.hsc-study-desk__confirm>p{color:#fff0ce}.hsc-study-desk__confirm>button+button{margin-left:10px}.hsc-study-desk [role=status]{overflow-wrap:anywhere}.hsc-study-desk [data-study-status]:empty{margin:0}.hsc-study-desk__panel h3{scroll-margin-top:160px}
@media(max-width:760px){.hsc-study-desk__start,.hsc-study-desk__body{grid-template-columns:minmax(0,1fr)}.hsc-study-desk__body>nav{display:grid;grid-template-columns:1fr 1fr}.hsc-study-desk__body>nav>button{font-size:12px;padding:10px;gap:8px}.hsc-study-desk__panel{padding:20px}.hsc-study-desk__actions{display:grid}.hsc-study-desk__saved>div{display:grid}.hsc-study-desk__saved label{min-width:0}.hsc-study-desk__confirm>button{width:100%;margin:8px 0!important}}
@media(forced-colors:active){.hsc-study-desk,.hsc-study-desk__panel,.hsc-study-desk__saved{background:Canvas;color:CanvasText;border:1px solid CanvasText}.hsc-study-desk :is(button,a,input,textarea,select){border:1px solid ButtonText}.hsc-study-desk__body>nav>button[aria-pressed=true]{border:3px solid Highlight}}