.wels-homework-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:1rem; padding:1.25rem; margin:1.5rem 0 2rem; background:#f5f7fa; border:1px solid #dde3eb; border-radius:12px; }
.wels-homework-filters label { display:flex; flex-direction:column; gap:.5rem; font-weight:600; flex:1 1 180px; }
.wels-homework-filters select { width:100%; min-height:46px; padding:.6rem; border:1px solid #a7b2c3; border-radius:6px; background:white; color:#172b4d; font:inherit; }
.wels-homework-class { margin:2rem 0; }
.wels-homework-list { list-style:none; margin:0; padding:0; }
.wels-homework-list li { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:1.25rem; margin:1rem 0; border:1px solid #dde3eb; border-radius:12px; }
.wels-homework-list li>div { min-width:0; overflow-wrap:anywhere; }
.wels-homework-list h3 { margin:0 0 .5rem; }
.wels-homework-list p { margin:.4rem 0; }
.wels-homework-list a { flex-shrink:0; }
@media(max-width:600px) { .wels-homework-filters { flex-direction:column; align-items:stretch; } .wels-homework-filters label { flex:auto; } .wels-homework-list li { flex-direction:column; align-items:stretch; } .wels-homework-list a { text-align:center; } }