.header-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}
.filing{display:flex;flex-wrap:wrap;gap:10px 20px;width:100%;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.filing a{display:inline-flex;align-items:center;gap:5px}.filing img{object-fit:contain}
.assignment-bar{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}
.assignment-bar>label{flex:1;min-width:220px;font-weight:600;font-size:14px}.assignment-bar select{display:block;margin-top:6px;font-weight:400}
.assignment-bar .actions{margin:0}.assignment-bar #save-status{flex-basis:100%;color:var(--muted);font-size:12px}
.metric-row.four{grid-template-columns:repeat(4,1fr)}.task-pick{margin-bottom:15px;border-bottom:1px solid var(--line);padding-bottom:16px}
.task-pick .student-line{border:0}.task-pick summary,.attempt-history summary{cursor:pointer;padding:8px 0;min-height:44px;color:var(--teal)}
.question-choice{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px dashed var(--line);font-size:15px}
.question-choice input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:5px 0;accent-color:var(--teal)}
.question-choice span{flex:1}.preview-list{padding-left:22px;font-size:15px}.preview-list li{padding:8px 0}
.table-scroll{overflow-x:auto}.mini-table button{white-space:nowrap}.mini-table td{vertical-align:middle}
.return-notice{background:#fff3dd;border-left:4px solid #b18a42;border-radius:8px;padding:18px 22px;margin-bottom:20px}
.return-notice p{white-space:pre-wrap}.attempt-history{border-top:1px solid var(--line);padding:10px 0;overflow-wrap:anywhere}.attempt-history p{white-space:pre-wrap;font-size:14px}
.assignment-bar select{max-width:100%}#screen:focus{outline:none}#screen .q-title,#screen .answer,#screen h2,.goal{overflow-wrap:anywhere}
@media(max-width:760px){.header-links{gap:10px;font-size:12px}.header-links .badge{display:none}.assignment-bar{padding:15px;gap:12px}.assignment-bar .actions{width:100%}.assignment-bar button{flex:1}.metric-row.four{grid-template-columns:repeat(2,1fr)}.assignment-bar>label{min-width:0;width:100%}.assignment-bar select{min-width:0}.row .selector{max-width:100%}.mini-table{min-width:530px}.hero{padding-top:26px}}
