.class-list30{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.class-list30 article{padding:16px;border:1px solid #d4cde8;border-radius:12px;background:#f7f5fc}.class-list30 small{display:block}.class-list30 p{margin:8px 0}.attachments30{margin:18px 0;padding:16px;border:1px dashed #9283bd;border-radius:12px;background:#faf9ff}.attachment-list30{display:flex;flex-wrap:wrap;gap:12px}.attachment-list30 figure{margin:0;padding:10px;background:white;border:1px solid #ded8ec;border-radius:10px;max-width:100%;width:250px}.attachment-list30 img{width:100%;height:150px;object-fit:contain}.attachment-list30 audio,.assignment30 audio{width:100%;max-width:360px}.attachment-list30 figcaption{font-size:14px;overflow-wrap:anywhere}.file-button30{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;min-height:44px}.file-button30 input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.pre30,.assignment30 h3{white-space:pre-wrap;overflow-wrap:anywhere}.reward30{background:#fff6db;padding:12px;border-radius:8px;color:#554020}.assignment30{margin-bottom:20px}.assignment30 textarea,#assign-form30 textarea{width:100%;font-size:16px}#assign-form30 label{display:block;margin:12px 0}#assign-form30 select{width:100%}#missions30 .task29{align-items:center;gap:12px}#missions30 .task29 button{flex-shrink:0}#user-action30 label{display:block;margin:12px 0}#user-action30 input,#user-action30 textarea,#user-action30 select{width:100%}@media(max-width:600px){.attachments30{padding:10px}.attachments30 .row{align-items:stretch}.attachment-list30 figure{width:100%}.class-list30 article{width:100%}.form-grid16{grid-template-columns:1fr}#missions30 .task29{flex-wrap:wrap}#missions30 .task29 button{margin-left:auto}}