[hidden]{display:none!important}
.student-calendar{padding:65px clamp(24px,9vw,145px) 110px}.student-calendar-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.student-calendar-heading h1{font-size:clamp(48px,5.5vw,78px);letter-spacing:-.07em;line-height:.98;margin:0}.student-calendar-heading h1 i{font-family:'Playfair Display',serif}.student-calendar-heading p{max-width:350px;font-size:13px;line-height:1.7;margin:0}.student-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:38px}.student-calendar-shell{border-top:1px solid var(--line);padding-top:20px}.student-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.student-calendar-header h2{font-size:24px;letter-spacing:-.04em;margin:0}.student-calendar-header button{border:0;background:#e8f3f5;color:var(--ink);width:31px;height:31px;border-radius:50%;font-size:16px}.student-calendar-week,.student-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.student-calendar-week span{font:9px 'DM Mono',monospace;color:#53635f;padding:0 8px 9px}.student-calendar-days button{min-height:74px;border:1px solid var(--line);border-right:0;border-bottom:0;background:transparent;color:var(--ink);text-align:left;vertical-align:top;padding:9px;font-size:11px}.student-calendar-days button:nth-child(7n){border-right:1px solid var(--line)}.student-calendar-days button:nth-last-child(-n+7){border-bottom:1px solid var(--line)}.student-calendar-days button:hover,.student-calendar-days button.selected{background:#bfeaf4}.student-calendar-days .muted{color:#aeb8b8}.student-calendar-days .today{box-shadow:inset 0 0 0 2px var(--orange)}.student-schedule-panel{background:#bfeaf4;padding:26px;align-self:start}.student-schedule-panel h3{font-size:22px;letter-spacing:-.04em;margin:7px 0}.student-schedule-panel p{font-size:12px;line-height:1.65}.student-schedule-panel .empty-icon{font-size:31px;margin-bottom:10px}.sync-section{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.sync-section h2{font-size:34px;letter-spacing:-.06em;line-height:1.05;margin:0}.sync-section h2 i{font-family:'Playfair Display',serif}.sync-section p{font-size:13px;line-height:1.75}.sync-options{display:grid;gap:9px}.sync-option{border:1px solid var(--line);background:transparent;padding:14px;display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--ink);font-size:12px;font-weight:800}.sync-option small{font-size:10px;color:#53635f;font-weight:400}.calendar-details{background:#eef6f7;padding:27px;margin-top:46px}.calendar-details h3{font-size:20px;margin:0 0 8px;letter-spacing:-.04em}.calendar-details p{font-size:12px;line-height:1.7;margin:0}.calendar-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);opacity:0;background:var(--ink);color:white;border-radius:25px;padding:12px 17px;font-size:11px;transition:.25s;z-index:5}.calendar-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.student-calendar{padding:55px 24px 70px}.student-calendar-heading,.student-calendar-layout,.sync-section{display:block}.student-calendar-heading p{margin-top:20px}.student-schedule-panel{margin-top:25px}.student-calendar-days button{min-height:52px;padding:6px}.student-calendar-week span{padding:0 4px 8px}.sync-section>div+div{margin-top:25px}}