/* Per-course protected materials: reuse the ZHA paper, green and coral language. */
.materials-notice { margin: -8px 0 20px; padding: 11px 13px; border-left: 2px solid var(--coral); background: #f3eee5; color: #68756f; font-size: 10px; line-height: 1.7; }
.materials-admin-grid { display: grid; grid-template-columns: minmax(240px,.75fr) minmax(0,1.25fr); gap: 20px; align-items: start; }
.material-upload-form { display: grid; gap: 11px; padding: 17px; background: #eef2ea; border: 1px solid #dce3d9; }
.material-upload-form h3, .materials-list-heading h3 { margin: 0; color: var(--green); font: 500 21px var(--serif); }
.material-upload-form label, .material-edit-form label { display: grid; gap: 5px; color: #53615c; font-size: 9px; }
.material-upload-form label small { color: #89938d; font-size: 8px; }
.material-upload-form input, .material-upload-form select, .material-upload-form textarea, .material-edit-form input, .material-edit-form select, .material-edit-form textarea { width: 100%; min-height: 38px; padding: 8px; border: 1px solid #ccd6cb; background: #fffefa; color: var(--green); font-size: 10px; }
.material-upload-form textarea, .material-edit-form textarea { resize: vertical; }
.material-upload-form progress { width: 100%; height: 7px; accent-color: var(--coral); }
.material-upload-form .button { margin-top: 2px; }
.materials-list-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; margin-bottom: 10px; padding-bottom: 11px; border-bottom: 1px solid #d8dbd3; }
.materials-list { display: grid; gap: 10px; }
.materials-loading { color: #748079; font-size: 10px; }
.material-admin-card { padding: 14px; background: #f7f6ef; border: 1px solid #dfe2d9; }
.material-admin-card.is-incomplete { border-left: 3px solid #b18b61; }
.material-admin-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.material-admin-card h3 { margin: 2px 0 4px; color: var(--green); font: 500 18px var(--serif); overflow-wrap: anywhere; }
.material-admin-card p { margin: 3px 0; color: #738079; font-size: 9px; overflow-wrap: anywhere; }
.material-kind { color: var(--coral-dark); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.material-admin-status { display: grid; gap: 5px; justify-items: end; flex: 0 0 auto; }
.material-admin-status small { color: #8a704e; font: 8px var(--mono); }
.material-edit-form { display: grid; gap: 9px; margin-top: 13px; padding-top: 11px; border-top: 1px solid #e0e1d9; }
.material-edit-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,.65fr); gap: 9px; }
.material-description-field { grid-column: 1 / -1; }
.material-edit-form .table-actions { align-items: center; }
.material-status-actions { margin-top: 8px; }
.material-status-actions button { font-size: 9px; }
.materials-feedback.is-error { color: #985b4a; }
.learner-materials { margin-top: 26px; padding: 22px; background: #edf3eb; border: 1px solid #d7e1d6; }
.learner-materials-header { display: flex; justify-content: space-between; align-items: end; gap: 15px; margin-bottom: 14px; }
.learner-materials-header h2 { margin: 2px 0 0; color: var(--green); font: 500 25px var(--serif); }
.learner-materials-filter { display: flex; align-items: center; gap: 7px; color: #64736b; font-size: 10px; }
.learner-materials-filter input { width: 15px; height: 15px; accent-color: var(--green); }
.learner-materials-list { display: grid; gap: 8px; }
.learner-material-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 13px; align-items: center; padding: 12px 13px; background: #fffdf7; border: 1px solid #dce2d9; }
.learner-material-card h3 { margin: 0 0 3px; color: var(--green); font: 500 16px var(--serif); overflow-wrap: anywhere; }
.learner-material-card p { margin: 3px 0; color: #718078; font-size: 9px; overflow-wrap: anywhere; }
.learner-material-card .material-kind { display: block; margin-bottom: 2px; }
.learner-material-download { white-space: nowrap; }
.learner-material-video { grid-column: 1 / -1; width: 100%; max-height: 390px; background: #dfe7df; }
.learner-materials-error { padding: 13px; background: #f2e7df; color: #835748; font-size: 10px; line-height: 1.7; }
.learner-materials-error a { color: var(--green); font-weight: 700; text-decoration: underline; }
@media (max-width: 950px) { .materials-admin-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .material-edit-fields { grid-template-columns: 1fr; } .material-description-field { grid-column: auto; } .material-admin-card-head, .materials-list-heading, .learner-materials-header { display: grid; } .material-admin-status { justify-items: start; } .learner-material-card { grid-template-columns: 1fr; } .learner-material-download { white-space: normal; } }

/* Body copy and editable material fields inherit the requested 11-point reading size. */
.materials-notice, .material-upload-form label, .material-edit-form label,
.material-upload-form input, .material-upload-form select, .material-upload-form textarea,
.material-edit-form input, .material-edit-form select, .material-edit-form textarea,
.materials-loading, .material-admin-card p, .learner-material-card p,
.learner-materials-filter, .learner-materials-error, .material-status-actions button { font-size: 11pt; }
.material-kind, .material-admin-status small, .material-upload-form label small { font-size: 9pt; }