/* Creative Minds calendar: home strip + month tabs. */
.cmpsc-home { background: #fff; padding: 26px 0 22px; font-family: "Poppins", system-ui, sans-serif; color: #2B2D42; border-bottom: 1px solid #F3F4F6; }
.cmpsc-home *, .cmpsc-panel *, .cmpsc-tabs * { box-sizing: border-box; }
.cmpsc-wrap { max-width: 1140px; margin: 0 auto; padding: 0 18px; }
.cmpsc-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 10px 20px; margin-bottom: 14px; }
.cmpsc-kicker { margin: 0; color: #2EC4B6; font-weight: 700; font-size: 14px; }
.cmpsc-h { font-family: "Baloo 2", system-ui, sans-serif !important; font-weight: 800 !important; font-size: 28px !important; line-height: 1.1 !important; margin: 0 !important; color: #2B2D42 !important; text-transform: none !important; letter-spacing: 0 !important; }
.cmpsc-month { display: inline-flex; align-items: center; gap: 8px; background: #FFF8EE; border-radius: 999px; padding: 8px 14px; font-size: 14px; }
.cmpsc-dot, .cmpsc-swatch { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--mc); border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.15); vertical-align: -2px; }
.cmpsc-list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: 1fr; gap: 10px; }
.cmpsc-ev { margin: 0 !important; display: flex; align-items: center; gap: 12px; background: #fff; border: 2px solid #F3F4F6; border-radius: 18px; padding: 10px 12px; box-shadow: 0 4px 14px rgba(43,45,66,.05); }
.cmpsc-date { flex: none; width: 56px; height: 58px; border-radius: 14px; background: #E94E77; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; }
.cmpsc-date b { font: 800 24px/1 "Baloo 2", sans-serif; }
.cmpsc-date small { font-size: 12px; font-weight: 700; text-transform: uppercase; }
.cmpsc-theme .cmpsc-date { background: #2EC4B6; }
.cmpsc-festival .cmpsc-date, .cmpsc-holiday .cmpsc-date { background: #F59E0B; }
.cmpsc-exam .cmpsc-date, .cmpsc-school .cmpsc-date { background: #2B2D42; }
.cmpsc-txt { display: flex; flex-direction: column; min-width: 0; }
.cmpsc-txt small { color: #6B7280; font-size: 12px; font-weight: 600; }
.cmpsc-txt b { font-size: 15px; line-height: 1.3; }
.cmpsc-more { margin: 12px 0 0; text-align: right; }
.cmpsc-more a { color: #E94E77 !important; font-weight: 700; text-decoration: none !important; }
@media (min-width: 640px) { .cmpsc-list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .cmpsc-list { grid-template-columns: repeat(5, 1fr); } .cmpsc-ev { flex-direction: column; align-items: flex-start; } .cmpsc-h { font-size: 32px !important; } }

/* month tabs on the Creative Minds page */
.cmpsc-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 4px 2px 10px; margin: 0 0 6px; scrollbar-width: thin; }
.cmpsc-tabs button { flex: 0 0 auto; border: 2px solid #E5E7EB; background: #fff; color: #2B2D42; border-radius: 999px; padding: 8px 16px; font: 700 14px/1 "Poppins", sans-serif; cursor: pointer; }
.cmpsc-tabs button.is-on { background: var(--mc); border-color: var(--mc); color: #fff; }
.cmpsc-panel { background: #fff; border-radius: 22px; padding: 18px; border-top: 8px solid var(--mc); box-shadow: 0 8px 22px rgba(43,45,66,.08); }
.cmpsc-panel[hidden] { display: none; }
.cmpsc-panel-head h3 { font: 800 26px/1.1 "Baloo 2", sans-serif !important; margin: 0 0 6px !important; }
.cmpsc-panel-head p { margin: 0 0 4px; }
.cmpsc-cols { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 14px; }
.cmpsc-events { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.cmpsc-events li { margin: 0 !important; display: flex; gap: 12px; padding: 8px 0; border-bottom: 1px dashed #E5E7EB; align-items: baseline; }
.cmpsc-events li.is-past { opacity: .55; }
.cmpsc-events small { color: #6B7280; }
.cmpsc-d { flex: 0 0 108px; font-weight: 700; color: var(--mc); font-size: 14px; }
.cmpsc-theme .cmpsc-d { color: #2EC4B6; }
.cmpsc-box { background: #FFF8EE; border-radius: 18px; padding: 14px 16px; }
.cmpsc-box h4 { font: 800 17px/1.2 "Baloo 2", sans-serif !important; margin: 8px 0 4px !important; }
.cmpsc-box h4:first-child { margin-top: 0 !important; }
.cmpsc-box ul { margin: 0 0 4px 18px; padding: 0; }
.cmpsc-box p { margin: 0 0 4px; }
@media (min-width: 820px) { .cmpsc-cols { grid-template-columns: 1.4fr 1fr; } }

.cmpsc-flip { background: #fff; border-radius: 22px; padding: 14px; margin: 0 0 22px; box-shadow: 0 8px 22px rgba(43,45,66,.08); }
.cmpsc-flip-h { font: 800 20px/1.2 "Baloo 2", sans-serif; margin: 0 0 10px; text-align: center; }