.monthly-board{--mb-accent:#285343;background:#fffefa;border:1px solid #d6dfd1;border-radius:18px;margin:0 0 30px;overflow:hidden;box-shadow:0 4px 20px #283e3010}
.mb-top{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:27px 28px;background:#254c3d;color:#fffef7}.mb-title{min-width:0}.mb-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2px;color:#d6e1cd}.mb-eyebrow svg{width:17px}.mb-title h2{font-size:27px;letter-spacing:-1px;margin:9px 0 6px;color:#fffef7}.mb-title p{font-size:13px;color:#e2e9dc;overflow-wrap:anywhere}.mb-month-controls{flex-shrink:0}.mb-month-controls label{display:block;font-size:11px;margin:0 0 7px 40px;color:#d6e1cd}.mb-month-controls>div{display:flex;align-items:center;gap:4px}.mb-month-controls input{background:#fffefa;color:#244331;border:0;border-radius:7px;padding:9px 10px;font-size:13px;max-width:158px;min-height:40px}.mb-month-controls button{color:#f8fff0}.mb-month-controls button:hover{background:#426552}.mb-month-controls :focus-visible{outline-color:#e7d796}.mb-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 27px;border-bottom:1px solid #e1e7d9}.mb-toolbar>span{font-size:12px;display:flex;align-items:center;gap:6px;color:#64715b}.mb-toolbar>span svg{width:14px}.mb-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.mb-toolbar .btn{font-size:12px;min-height:38px;padding:8px 12px}
.mb-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:22px 27px 0}.mb-metric{background:#f0f4e9;border:1px solid #dfe7d7;border-radius:12px;padding:17px 20px;min-width:0}.mb-metric-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.mb-metric-top>span{font-size:13px;font-weight:600}.mb-metric-top>strong{font-size:29px;line-height:1.3;letter-spacing:-1px;color:#2c5039}.mb-metric-top small{font-size:11px;letter-spacing:0;padding:4px 7px;border-radius:5px;background:#dce8d4;margin-left:8px;vertical-align:middle}.mb-meter{height:7px;background:#dce5d4;border-radius:9px;overflow:hidden;margin:14px 0}.mb-meter>span{display:block;height:100%;background:#4f7555;border-radius:9px}.mb-metric-values{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#617056;flex-wrap:wrap}.mb-metric-values b{color:#2d422f;font-size:13px;margin-left:4px}.mb-metric>p{font-size:11px;color:#617056;margin:9px 0 0}.mb-source{font-size:11px;line-height:1.8;color:#66725d;margin:12px 27px 0}.mb-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:26px 27px;padding-bottom:25px;border-bottom:1px solid #e1e7d9}.mb-plans>article{padding:0 22px;border-right:1px solid #e1e7d9;min-width:0}.mb-plans>article:first-child{padding-left:0}.mb-plans>article:last-child{padding-right:0;border:0}.mb-plan-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.mb-plan-heading>span{font-size:10px;color:#6b7a60;background:#edf1e7;border-radius:5px;padding:3px 7px}.mb-plan-heading h3{font-size:14px;letter-spacing:-.3px}.mb-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;color:#394631;max-height:300px;overflow:auto}.mb-placeholder{font-size:12px;color:#7b8475;line-height:1.9}
.mb-journal,.mb-homework{margin:0 27px 24px}.mb-journal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.mb-journal-head h3{display:flex;align-items:center;gap:8px;font-size:16px}.mb-journal-head h3>svg{width:18px}.mb-journal-head h3 small{font-size:12px;color:#6f7c65;font-weight:400;margin-left:3px}.mb-journal-head p{font-size:12px;color:#68775e;margin-top:4px}.mb-journal-head .btn{min-height:38px;font-size:12px;padding:8px 12px}.mb-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mb-entry{border:1px solid #e0e6d8;border-radius:10px;padding:16px;min-width:0;background:#fafbf6}.mb-entry-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;color:#68755e;margin-bottom:11px}.mb-kind{padding:3px 7px;background:#e7eddf;border-radius:5px;color:#37573c;font-size:11px;font-weight:600}.mb-state{margin-left:auto;font-size:10px}.mb-state.done{color:#32603e}.mb-audience{display:flex;align-items:center;gap:5px;font-size:11px;margin-bottom:8px;color:#506947}.mb-audience svg{width:13px}.mb-entry-actions{display:flex;align-items:center;gap:8px;font-size:10px;color:#6d795f;border-top:1px solid #e4e9dd;margin-top:12px;padding-top:5px}.mb-entry-actions>span{margin-right:auto}.mb-entry-actions button{font-size:11px;min-height:32px;padding:4px 6px}.mb-entry-actions button:hover{text-decoration:underline}.mb-empty-note{border:1px dashed #ccd7bf;padding:19px;border-radius:10px;color:#758167;background:#f9fbf4;font-size:12px;line-height:1.8}.mb-show-more{display:flex;align-items:center;gap:5px;font-size:12px;margin:12px auto}.mb-show-more svg{width:14px}
.mb-footer{background:#f3f5ee;border-top:1px solid #e0e6d7;padding:15px 27px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap}.mb-history>summary{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;min-height:36px}.mb-history summary svg{width:15px}.mb-history summary strong{font-size:11px;background:#e4ebdc;padding:2px 7px;border-radius:4px}.mb-history>div{display:flex;flex-wrap:wrap;gap:8px;max-width:620px;margin:9px 0}.mb-history button{border:1px solid #d8e1ce;border-radius:7px;padding:5px 10px;font-size:12px;background:#fffefa;min-height:35px}.mb-history button[aria-pressed=true]{background:#285343;color:white}.mb-history p{font-size:12px;color:#65765a}.mb-footer>.text-btn{display:flex;align-items:center;gap:7px;font-size:12px}.mb-footer>.text-btn svg{width:15px}.mb-deleted{flex-basis:100%;border-top:1px solid #dce4d3;padding-top:12px}.mb-deleted summary{font-size:11px;cursor:pointer}.mb-deleted>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;border-bottom:1px solid #e1e6da;padding:10px 0}.mb-deleted span{overflow-wrap:anywhere;min-width:0}.mb-deleted button{color:#285343;white-space:nowrap}.mb-work-divider{display:flex;align-items:baseline;gap:12px;margin:0 0 16px}.mb-work-divider>span{font-size:17px;font-weight:650}.mb-work-divider>p{font-size:12px;color:#6c7963}.mb-form textarea{min-height:105px}.mb-form-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.mb-error{color:#aa4936;background:#faeee7;padding:12px;font-size:12px;border-radius:7px}.mb-homework{padding-bottom:23px;border-bottom:1px solid #e1e7d9}.mb-homework-tools{display:grid;grid-template-columns:1fr 1fr .8fr;gap:14px;align-items:end;margin-bottom:12px}.mb-homework-tools .field{margin:0;min-width:0}.mb-homework-tools select{font-size:12px;padding:8px 10px}.mb-homework-progress{padding:0 8px}.mb-homework-progress strong{font-size:17px;color:#31513a}.mb-homework-progress strong>span{font-size:11px;font-weight:400;margin-left:7px}.mb-homework-progress .mb-meter{margin:9px 0}.mb-homework-list{border:1px solid #dde5d5;border-radius:10px;overflow:hidden}.mb-homework-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #e3e8dc}.mb-homework-row:last-child{border:0}.mb-check{width:40px;height:40px;flex-shrink:0;border:1px solid #a7b79c;border-radius:9px;display:grid;place-items:center;background:white;color:transparent}.mb-check:hover{border-color:#285343;color:#859b78}.mb-check[aria-pressed=true]{background:#345c43;color:white;border-color:#345c43}.mb-check svg{width:19px}.mb-homework-detail{min-width:0;text-align:left;flex:1}.mb-homework-detail>strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.mb-homework-detail>span{display:block;font-size:11px;color:#6c7b60;margin-top:4px}.mb-homework-row.done .mb-homework-detail>strong{text-decoration:line-through;color:#76846b}.mb-homework-status{font-size:11px;white-space:nowrap;background:#eef2e8;padding:3px 7px;border-radius:5px;color:#506748}.mb-homework-status.overdue{color:#9b4938;background:#f8e9df}.mb-homework .mb-source{margin:10px 0 0}.mb-staff-hint{display:block;font-size:11px;color:#758266;line-height:1.8;margin-top:8px}
@media(max-width:1100px){.mb-top{gap:16px;padding:24px}.mb-title h2{font-size:24px}.mb-entries{grid-template-columns:1fr}.mb-plans>article{padding:0 15px}.mb-month-controls input{max-width:145px}.mb-metric-values{flex-direction:column}}
@media(max-width:750px){.mb-top{align-items:flex-start;flex-direction:column}.mb-month-controls label{margin-left:0}.mb-month-controls>div{margin-left:-10px}.mb-toolbar{align-items:flex-start;flex-direction:column;padding:15px 20px}.mb-metrics{padding:18px 20px 0;grid-template-columns:1fr}.mb-metric-values{flex-direction:row}.mb-plans{grid-template-columns:1fr;margin:22px 20px;gap:20px;padding-bottom:20px}.mb-plans>article{padding:0!important;border-right:0}.mb-plan-heading{margin-bottom:7px}.mb-source{margin-left:20px;margin-right:20px}.mb-journal,.mb-homework{margin-left:20px;margin-right:20px}.mb-journal-head{align-items:flex-start;flex-direction:column;gap:12px}.mb-footer{padding:13px 20px}.mb-work-divider{flex-direction:column;gap:4px}.mb-homework-tools{grid-template-columns:1fr 1fr;gap:10px}.mb-homework-progress{grid-column:1/-1;padding:0}.mb-homework-progress .mb-meter{margin-bottom:0}.mb-homework-row{padding:12px;gap:9px;flex-wrap:wrap}.mb-homework-detail{flex-basis:calc(100% - 53px)}.mb-homework-status{margin-left:49px}.mb-title h2{font-size:25px}.mb-metric-top>strong{font-size:29px}.mb-entries{grid-template-columns:1fr}}
.narrow-preview .mb-top,.narrow-preview .mb-toolbar,.narrow-preview .mb-journal-head{flex-direction:column;align-items:flex-start}.narrow-preview .mb-metrics,.narrow-preview .mb-plans,.narrow-preview .mb-entries{grid-template-columns:1fr}.narrow-preview .mb-plans>article{padding:0 0 18px;border:0}.narrow-preview .mb-homework-tools{grid-template-columns:1fr 1fr}.narrow-preview .mb-homework-progress{grid-column:1/-1}
.mb-title h2{font-size:29px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}.mb-title p{font-size:12px;line-height:1.75;font-weight:400;white-space:pre-wrap}.mb-title{flex:1}@media(max-width:750px){.mb-title h2{font-size:25px}.mb-title p{font-size:12px}}