.weekly-page { max-width: 1140px; }
.weekly-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 1rem; }
.weekly-material { border-bottom: 1px solid #dee2e6; padding-bottom: 1rem; }
.weekly-material label { display: block; margin-bottom: .5rem; }
.weekly-material .form-select { max-width: 30rem; margin-bottom: .5rem; }
.content-read { overflow-wrap: anywhere; }
.content-read-section { margin: .75rem 0; border-left: 2px solid #e6edf5; padding-left: 1rem; }
.content-read-text { white-space: normal; overflow-wrap: anywhere; margin: .4rem 0; }
.weekly-page .page-heading { gap: 1rem; flex-wrap: wrap; }
.weekly-page input, .weekly-page select, .weekly-page textarea { max-width: 100%; }
@media(max-width:575px) {
    .weekly-page .surface { padding: 1rem !important; }
    .weekly-page .btn { white-space: normal; }
    .content-read-section { padding-left: .65rem; }
}