.custom-map-count{padding:6px 10px;border-radius:7px;background:#edf6f3;color:#087354;font-size:10px;font-weight:800}.school-calendar-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:16px;align-items:start}.school-calendar{margin-top:16px;border:1px solid #dfe8e6;border-radius:13px;background:#fff;overflow:hidden}.school-calendar>header{display:flex;align-items:center;justify-content:center;gap:15px;padding:16px;border-bottom:1px solid #e6eeeb}.school-calendar>header h3{min-width:120px;margin:0;text-align:center;font-size:17px}.school-calendar>header button{width:31px;height:31px;border:1px solid #d8e4e1;border-radius:8px;background:#fff;color:#31544e;font-size:19px;cursor:pointer}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week{padding:9px 10px 6px;color:#7b8c88;font-size:9px;text-align:center}.calendar-week span:first-child{color:#d76552}.calendar-week span:last-child{color:#4d79ad}.calendar-days{padding:0 10px 10px}.calendar-day,.calendar-days .empty{min-height:92px;border:0;border-top:1px solid #e6eeeb;border-right:1px solid #eef3f1;background:#fff;text-align:left;vertical-align:top}.calendar-day{padding:7px;cursor:pointer}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover,.calendar-day.selected{background:#f1f8f6}.calendar-day>b{display:block;margin-bottom:5px;color:#526a65;font-size:10px}.calendar-day>span{display:block;margin:3px 0;padding:3px 4px;border-radius:4px;background:#eaf5f2;color:#32665b;font-size:8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day>span.exam{background:#fff0e9;color:#bd5835}.calendar-day>small{color:#84938f;font-size:8px}.calendar-date-detail{min-height:55px;padding:13px 18px;border-top:1px solid #e3ece9;background:#f8fbfa}.calendar-date-detail>p{margin:4px 0;color:#788985;font-size:10px}.calendar-date-detail h4{margin:0 0 9px;color:#214b44;font-size:12px}.calendar-date-detail article{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #e7eeec}.calendar-date-detail article b{display:block;color:#294b46;font-size:11px}.calendar-date-detail article small{display:block;margin-top:2px;color:#7b8c88;font-size:9px}@media(max-width:1050px){.school-calendar-layout{grid-template-columns:1fr}}@media(max-width:650px){.calendar-day,.calendar-days .empty{min-height:68px}.calendar-day>span{font-size:0}.calendar-day.has-events:after{content:'●';color:#159978;font-size:9px}}