.assignment-group-modal { width:min(960px,100%);max-width:960px; }
.assignment-group { border:1px solid #d7e8df;border-radius:14px;background:#f3faf7;padding:20px;margin-bottom:26px; }
.assignment-group-title { display:flex;align-items:center;gap:16px;justify-content:space-between; }
.assignment-group-title h4 { margin:0; }
.assignment-mode { border-radius:20px;padding:5px 12px;color:#216451;background:#e1f1e8;font-size:13px; }
.assignment-members { display:flex;flex-wrap:wrap;gap:10px;margin:18px 0; }
.assignment-members>span { display:flex;align-items:center;gap:8px;border:1px solid #d4e7de;border-radius:8px;padding:8px 12px;background:white; }
.assignment-members small { color:#39745f;font-size:12px; }
.assignment-answer { border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:20px; }
.assignment-feedback { border-top:1px solid var(--line);margin-top:20px;padding-top:8px; }
.assignment-feedback .detail-copy { margin-top:8px;line-height:1.8; }
.assignment-score { font-size:13px;color:#556b61;font-weight:400;line-height:1.7; }
.assignment-page .modal-head { position:static;background:transparent;padding:0 0 22px;border:0; }
.assignment-page .modal-head h3 { font-size:28px;line-height:1.35; }
.assignment-page .modal-head p { font-size:14px; }
.assignment-page .modal-body { padding:0; }
.assignment-page .assignment-answer,.assignment-page .assignment-requirements,.assignment-page #assignment-form { background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px; }
.assignment-page .assignment-requirements>h4:first-child { margin-top:0; }
.assignment-page .assignment-group { background:white; }
.assignment-page .assignment-group>p[role="status"] { padding:14px;background:#e9f6ef;border-radius:8px;font-size:14px; }
.assignment-page h4 { margin:0 0 10px;font-size:16px; }
.assignment-page .detail-copy { margin:10px 0;line-height:1.65; }
.assignment-page .assignment-group>p { margin:8px 0; }
.assignment-page .assignment-members { margin:14px 0; }
.assignment-page .assignment-feedback { background:white;border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:0 0 22px; }
.assignment-page .modal-actions { padding-top:12px; }
.assignment-page .secondary-btn { min-height:36px;padding:8px 12px;font-size:14px; }
.assignment-page .assignment-requirements h4:not(:first-child) { margin-top:16px; }
.assignment-document { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;margin-top:16px;border-radius:8px;background:var(--canvas); }
.assignment-document>span { overflow-wrap:anywhere; }
.assignment-document .modal-actions { padding-top:0;flex-shrink:0; }
@media(max-width:640px) { .assignment-document{align-items:flex-start;flex-direction:column}.assignment-document .modal-actions{flex-wrap:wrap} }
@media(max-width:640px) { .assignment-page .modal-head{flex-direction:column}.assignment-page .modal-head h3{font-size:24px}.assignment-page .assignment-answer,.assignment-page .assignment-requirements,.assignment-page #assignment-form{padding:16px} }
@media(max-width:640px) { .assignment-group,.assignment-answer{padding:14px}.assignment-group-title{align-items:flex-start;gap:10px}.assignment-members{gap:7px} }