.civic-calendar{max-width:880px;margin-top:29px;background:linear-gradient(135deg,#073f49,#075463);border-radius:13px;padding:22px;color:white;box-shadow:0 16px 34px #062b3340}.civic-calendar h2{font:700 20px Manrope;margin:4px 0 16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-grid>b{font-size:9px;text-align:center;color:#93d7df;padding:4px}.calendar-grid button{min-height:38px;border:0;border-radius:5px;background:#ffffff0c;color:#e8fafb;font:600 11px inherit;position:relative;cursor:pointer}.calendar-grid button:hover{background:#ffffff28}.calendar-grid button.marked{background:#10b7ca;color:#053b44}.calendar-grid button i{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 7px inherit;margin-top:2px}.civic-calendar .secondary{margin-top:15px;background:#ffffff13;color:#e8fbfc;border-color:#4dbfcd}.info-detail{max-width:820px;padding-top:42px}.info-detail>h1{font:800 39px Manrope;letter-spacing:-1.5px;margin:10px 0}.info-detail>.lead{font-size:18px;line-height:1.5;color:#547278;max-width:630px}.info-card{background:#fff;border:1px solid #dce8e9;border-radius:11px;padding:17px;margin-top:24px;box-shadow:0 10px 25px #062b3310}.info-card>div{border-top:1px solid #e9efef;padding:12px 0;color:#3d6167;font-size:13px}.info-card>div:first-child{border-top:0}.info-card>div span{display:inline-grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#d9f5f4;color:#008979;margin-right:8px;font-size:10px}.info-card.pale{background:#e9f7f8}.info-card h2{font:700 20px Manrope;margin:0}.info-card p{color:#527378;line-height:1.55;font-size:13px}.calendar-board{background:#fff;border:1px solid #dce8e9;border-radius:12px;padding:18px;box-shadow:0 12px 25px #062b3310}.calendar-board header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.calendar-board header h2{font:700 19px Manrope;margin:0}.calendar-board header button{border:1px solid #d8e5e6;background:#fff;border-radius:6px;color:#007f97;font-size:18px;height:30px;width:30px}.calendar-grid.large button{min-height:84px;text-align:left;padding:8px;background:#f8fbfb;color:#24464c}.calendar-grid.large button strong{display:block;font-size:12px}.calendar-grid.large button.marked{background:#dff7f8;color:#005e70}.calendar-grid.large button.marked i{color:#008aa1;font-size:9px;margin-top:8px}.calendar-events{margin-top:28px}.calendar-events h2{font:700 21px Manrope}.calendar-events .event-grid{grid-template-columns:repeat(3,1fr)}.night .civic-calendar{background:linear-gradient(135deg,#04262e,#073b45)}.night .info-card,.night .calendar-board{background:#0c333b;border-color:#24545b;color:#e3f1f2}.night .info-card>div{border-color:#25535a;color:#c1d9dc}.night .info-card.pale{background:#0b3942}.night .calendar-board header h2{color:#e8f5f6}.night .calendar-grid.large button{background:#0b2d35;color:#d9eced}.night .calendar-grid.large button.marked{background:#126372;color:#f0ffff}
@media(max-width:700px){.civic-calendar{padding:16px}.calendar-grid button{min-height:32px}.info-detail{padding-top:75px}.info-detail>h1{font-size:30px}.info-detail>.lead{font-size:16px}.calendar-board{padding:10px}.calendar-grid.large{gap:2px}.calendar-grid.large>b{font-size:7px}.calendar-grid.large button{min-height:58px;padding:5px;font-size:10px}.calendar-grid.large button.marked i{font-size:7px;margin-top:4px}.calendar-events .event-grid{grid-template-columns:1fr}.calendar-events .event-card{display:flex}}