:is(.soul-course-page,.course-registration-page) .enrollment-calendar{margin:0 0 46px;padding:32px;border:1px solid #d2bd68;border-radius:22px;background:#fffdf4;box-shadow:0 12px 36px #7c67100c;font-family:"Noto Sans TC",sans-serif;color:#284c3e}.enrollment-calendar-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.enrollment-calendar-heading>div>p{margin:0 0 10px;color:#527143;font-size:10px;letter-spacing:.12em}:is(.soul-course-page,.course-registration-page) .enrollment-calendar-heading h3{font:600 clamp(21px,2.3vw,28px)/1.65 "Noto Serif TC",serif;color:#244b3b;margin:0}.enrollment-calendar-time{flex-shrink:0;padding:14px 18px;border-left:3px solid #81b657;background:#eef4e4;border-radius:0 10px 10px 0}.enrollment-calendar-time b{display:block;color:#21625c;font-size:18px;font-weight:600}.enrollment-calendar-time span{display:block;font-size:10px;color:#4e6a50;margin-top:6px}.enrollment-calendar-legend{display:flex;align-items:center;gap:8px;font-size:11px;color:#59734f;margin:20px 0 18px}.enrollment-calendar-legend>span{width:10px;height:10px;background:#416e3b;border-radius:3px;flex-shrink:0}.enrollment-calendar-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.enrollment-month{border:1px solid #cad9bd;border-radius:14px;background:#fff;overflow:hidden;padding:0 14px 14px}.enrollment-month table{table-layout:fixed;border-collapse:separate;border-spacing:4px;width:100%;margin:0;text-align:center}.enrollment-month caption{text-align:left;font:600 25px/1.5 "Noto Serif TC",serif;color:#2d6048;padding:20px 8px 15px;border-bottom:1px solid #dbe5d2;margin-bottom:8px}.enrollment-month caption>span{font:500 12px "Noto Sans TC",sans-serif;letter-spacing:.06em;margin-right:12px;color:#5e7851}.enrollment-month th{font-weight:500;font-size:11px;color:#58714e;padding:10px 0}.enrollment-month th:nth-child(3){color:#315e31;font-weight:700}.enrollment-month td{height:64px;vertical-align:top;padding:0;border-top:1px solid #eff2e8;color:#66735d;font-size:13px}.enrollment-month .calendar-day{display:block;padding-top:9px}.enrollment-month .calendar-empty{border:0}.enrollment-month .calendar-class{border:0}.calendar-class>div{display:flex;min-height:62px;flex-direction:column;justify-content:center;align-items:center;background:#e2efcc;border:1px solid #8fb669;border-radius:8px;color:#244f2c;box-shadow:0 2px 0 #aec58b33}.calendar-class time{font-size:18px;font-weight:700;line-height:1.5}.calendar-class div>span{font-size:9px;line-height:1.7;color:#385f2e;white-space:nowrap}.enrollment-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding-top:21px;border-top:1px solid #d8e1c8}.enrollment-calendar-footer p{margin:0}.enrollment-calendar-footer b{display:block;font-size:13px;color:#335c37;font-weight:600}.enrollment-calendar-footer p>span{display:block;font-size:11px;line-height:1.9;color:#59714f;margin-top:7px}.enrollment-calendar-footer a{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #538342;background:#ecf4dd;color:#315f32;border-radius:30px;padding:13px 20px;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}.enrollment-calendar-footer svg{width:18px;height:18px}.enrollment-calendar-footer a:hover{background:#dcecc4}.enrollment-calendar-footer a:focus-visible{outline:2px solid #167a82;outline-offset:4px}
@media(max-width:900px){.enrollment-calendar-heading{display:block}.enrollment-calendar-time{margin-top:20px;display:inline-block}.enrollment-calendar-months{gap:14px}.enrollment-month{padding-inline:8px}}
@media(max-width:650px){:is(.soul-course-page,.course-registration-page) .enrollment-calendar{padding:22px 16px;border-radius:16px;margin-bottom:30px}.enrollment-calendar-months{grid-template-columns:1fr;gap:20px}.enrollment-calendar-time{display:block;padding:13px}.enrollment-calendar-time b{font-size:18px}.enrollment-month table{border-spacing:3px}.enrollment-month td{height:57px}.calendar-class>div{min-height:55px}.calendar-class time{font-size:17px}.enrollment-calendar-footer{display:block}.enrollment-calendar-footer a{display:flex;margin-top:18px;white-space:normal}.enrollment-calendar-legend{font-size:10px}}