#main .game-home .portal-grid.direct-learning-portals{grid-template-columns:repeat(3,minmax(0,1fr));width:min(760px,calc(100% - 24px));max-width:920px}
.direct-learning{max-width:1000px;margin:auto;color:#35445a}.direct-learning h1{font-size:22px}.direct-note{font-size:12px;line-height:1.7;color:#718096}.direct-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.direct-actions button,.direct-assignment button{padding:9px 14px;border:1px solid #ccd8e7;background:#edf2f8;border-radius:8px;color:#4d6685;font-size:12px}.direct-assignment{padding:16px;margin:12px 0;border:1px solid #d4dfec;background:#f9fbfe;border-radius:12px}.direct-assignment h2{font-size:16px;margin:0}.direct-assignment button{margin:4px 8px 0 0}.direct-practice-frame{width:100%;min-height:640px;border:0;border-radius:12px}.direct-learning select{padding:8px;border:1px solid #ccd8e7;background:white;border-radius:6px}.direct-learning label{font-size:12px}
#directAssignForm fieldset{max-height:300px;overflow:auto;border:1px solid #d4dfec;border-radius:8px}#directAssignForm fieldset label{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:12px;margin:7px 0}#directAssignForm fieldset input{width:auto}
#directAssignForm fieldset label[hidden]{display:none}
@media(max-width:780px){#main .game-home .portal-grid.direct-learning-portals{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 16px);max-width:420px}.direct-practice-frame{min-height:520px}}