:root{font-family:system-ui,-apple-system,sans-serif;color:#16324d;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{background:#00205b;color:white;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}h1{font-size:28px;margin:4px 0}h2{font-size:23px}h3{font-size:17px}.eyebrow{letter-spacing:2px;font-size:12px}main{max-width:1450px;margin:28px auto;padding:0 24px}button,.download{border:0;border-radius:7px;background:#00205b;color:white;padding:11px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}header button{background:#fff;color:#00205b}button.secondary{background:#e7edf5;color:#16324d}button:disabled{opacity:.5;cursor:wait}input,select,textarea{font:inherit;border:1px solid #b7c2ce;border-radius:6px;padding:10px;background:white;color:#16324d;max-width:100%}textarea{width:100%;min-height:90px}input[type=checkbox],input[type=radio]{width:auto}label{display:block;margin:8px 0}label>input:not([type=checkbox]):not([type=radio]),label>select{display:block;width:100%;margin-top:5px}.card{background:#fff;border:1px solid #dce3eb;border-radius:12px;padding:24px;margin:18px 0}.narrow{max-width:780px;margin:24px auto}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar input{min-width:160px}.muted{color:#607080;font-size:14px}.badge{padding:4px 8px;border-radius:4px;background:#edf1f7;font-size:14px}.question{border-top:1px solid #e0e6ed;padding:20px 0;white-space:pre-line}.question:first-child{border:0}.scroll{overflow:auto;border:1px solid #dce3eb;border-radius:8px;margin-top:20px}table{border-collapse:collapse;width:100%;background:white;font-size:14px}th,td{padding:12px;border-bottom:1px solid #dce3eb;text-align:left;vertical-align:top}th{background:#eaf0f7;position:sticky;top:0}td.answer{min-width:230px;max-width:380px;white-space:pre-wrap}td.score{min-width:240px}td.score input{width:95px}td.score textarea{min-height:55px;margin-top:8px}td.score button{padding:6px 10px;margin-top:5px;font-size:14px}.login{max-width:450px;margin:60px auto}.split{display:grid;grid-template-columns:280px 1fr;gap:22px}.lecture-button{width:100%;text-align:left;margin:4px 0;background:#edf1f7;color:#16324d}.lecture-button.selected{background:#00205b;color:white}.editor-question{border:1px solid #dde4ee;padding:15px;border-radius:8px;margin:14px 0}#message{position:fixed;bottom:24px;right:24px;max-width:450px;background:#16324d;color:white;padding:14px;border-radius:7px;display:none}.notice{background:#fff3d8;padding:14px;border-radius:6px}.matrix select{min-width:140px}a{color:#00205b}.status{font-size:12px;display:block;margin-top:5px}.stats{display:flex;gap:24px;flex-wrap:wrap}.stats strong{display:block;font-size:26px}.student-form input[type=text]{width:100%}@media(max-width:850px){.split{grid-template-columns:1fr}header{padding:18px;gap:12px}header button{font-size:14px}main{padding:0 12px}.card{padding:16px}h1{font-size:23px}}

.split>section{min-width:0}body{font-size:16px;line-height:1.5}p{margin:12px 0}h2{margin:18px 0 10px}h3{margin:14px 0 8px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #38a4ed;outline-offset:3px}