/* Learning activities share one list page, with permanent, distinct project sections. */
.la-zones { display:grid; gap:32px; margin-top:24px; }
.la-section { border:1px solid #bfc5b6; min-width:0; background:#f7f8f0; }
.la-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:26px 28px; border-bottom:1px solid #bbc4ae; }
.la-section-heading h3 { margin:9px 0; font-size:28px; line-height:1.2; }
.la-section-heading p { margin:0; font-size:13px; line-height:1.8; }
.la-debate>.la-section-heading { background:#283026; color:#f2f4e8; border-top:4px solid #c6d78a; }
.la-debate>.la-section-heading .t-index { color:#c0d19a; }
.la-debate>.la-section-heading p { color:#c2ccb8; }
.la-regular>.la-section-heading { border-top:4px solid #606a56; background:#e9ece1; color:#293024; }
.la-regular>.la-section-heading .t-index { color:#778267; }
.la-regular>.la-section-heading p { color:#66705a; }
.la-section-count { display:grid; gap:5px; text-align:right; flex-shrink:0; }
.la-section-count strong { font:42px/1 "DM Mono",Consolas,monospace; }
.la-section-count>span { font-size:12px; opacity:.7; }
.la-section>.t-schedule-list { padding:22px 24px 0; }
.la-section>.t-schedule-list:empty { padding:0; }
.la-section .t-schedule-item { margin-bottom:22px; }
.la-section .t-flow-actions { flex-wrap:wrap; }
.la-section .t-flow-actions .t-button { min-height:44px; }
.la-section-empty { margin:0; padding:28px; color:#7a836e; font-size:14px; line-height:1.8; }
.la-section-empty[hidden] { display:none; }
.la-create>p { color:#738064; font-size:12px; line-height:1.8; margin-bottom:0; }
.la-dialog { width:min(460px,calc(100vw - 32px)); padding:28px; border:1px solid #8a9676; background:#f7f8ef; color:#293024; }
.la-dialog::backdrop { background:#182015a3; }
.la-dialog h3 { margin:12px 0; font-size:23px; }
.la-dialog form>p { line-height:1.8; font-size:14px; overflow-wrap:anywhere; }
.la-dialog label { display:grid; gap:10px; margin:22px 0 12px; font-size:14px; }
.la-dialog select { min-height:44px; font-size:16px; padding:8px 12px; border:1px solid #bcc5ad; background:white; color:#293024; }
.la-dialog small { display:block; color:#7b856c; font-size:12px; line-height:1.8; }
.la-dialog form>div { display:flex; gap:10px; margin-top:24px; }
.la-dialog .t-button { min-height:44px; }
.la-error { color:#a04f28; }
@media(max-width:800px) {
 .la-zones { gap:24px; }
 .la-section-heading { padding:22px 20px; }
 .la-section>.t-schedule-list { padding:16px 14px 0; }
 .la-section-count strong { font-size:34px; }
 .la-section-heading h3 { font-size:25px; }
 .la-section-empty { padding:22px 20px; }
 .la-section .t-flow-actions .t-button { padding:10px; }
}
@media(max-width:480px) {
 .la-section-heading { padding:20px 16px; }
 .la-section-heading .t-index { font-size:9px; letter-spacing:.04em; }
 .la-section .t-flow-actions { display:flex; flex-wrap:wrap; }
 .la-section .t-flow-actions .t-button { flex:1 1 80px; justify-content:center; }
}
