.classroom-panel { max-width: 1050px; margin-inline: auto; }
.classroom-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; margin-block: 1rem; }
.classroom-controls label, .classroom-list label { display: grid; gap: .4rem; min-width: 0; }
.classroom-controls input[type=file] { max-width: 100%; }
.classroom-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 1rem; margin-bottom: 1rem; }
.classroom-list article { padding: 1rem; border: 1px solid currentColor; border-radius: .75rem; overflow-wrap: anywhere; }
.classroom-list .btn { margin-top: .5rem; }
.classroom-panel img { max-width: 100%; height: auto; }
.classroom-verbatim { white-space: pre-wrap; }