/* School calendar pop-up. Every rule is scoped to .nhcal so the page behind it is never affected. */
.nhcal-ov{--ac:#BD648B;--ac-d:#9c4569;--ac-s:#f8e1ea;--ac-f:#fdf3f7;--ink:#1d1b26;--mut:#6b6878;--line:#ebe9f1;--bg2:#f7f6fb;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;background:rgba(24,18,32,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease;font-family:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink)}
.nhcal-ov.is-in{opacity:1}
.nhcal-ov *,.nhcal-ov *::before,.nhcal-ov *::after{box-sizing:border-box}
.nhcal{position:relative;display:flex;flex-direction:column;width:min(1120px,100%);height:min(780px,92vh);height:min(780px,92dvh);background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px rgba(20,12,30,.38);transform:translateY(16px) scale(.985);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nhcal-ov.is-in .nhcal{transform:none}
.nhcal{font-weight:400}.nhcal button{font:inherit;font-weight:500;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nhcal button:focus-visible,.nhcal a:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.nhcal h3,.nhcal h4,.nhcal p{margin:0;padding:0;color:inherit;line-height:1.25}

/* top bar */
.nhcal-bar{flex:none;display:flex;align-items:center;gap:14px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--ac-f),#fff)}
.nhcal-brand{display:flex;align-items:center;gap:12px;min-width:0;margin-right:auto}
.nhcal-logo{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:var(--ac);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--ac) 35%,transparent)}
.nhcal-brand h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
.nhcal-brand p{margin-top:2px;font-size:13px;color:var(--mut)}
.nhcal-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nhcal-seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:#efedf5;max-width:100%}
.nhcal-seg button{border:0;background:transparent;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--mut);white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.nhcal-seg button:hover{color:var(--ink)}
.nhcal-seg button.is-on{background:#fff;color:var(--ac-d);font-weight:600;box-shadow:0 1px 3px rgba(30,20,40,.14)}
.nhcal-close{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f0eef5;color:var(--ink);transition:background .15s,transform .2s}
.nhcal-close:hover{background:var(--ac);color:#fff;transform:rotate(90deg)}

/* body: month (+ details) or agenda */
.nhcal-body{flex:1;min-height:0;display:flex}
.nhcal-scroll{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr)}
.nhcal--agenda .nhcal-scroll{grid-template-columns:minmax(0,1fr)}
.nhcal-main{display:flex;flex-direction:column;min-width:0;min-height:0;padding:20px 22px 18px}
.nhcal-top{flex:none;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.nhcal-title{flex:1;min-width:0;font-size:24px;font-weight:600;letter-spacing:-.02em}
.nhcal-title span{color:#9a96a6;font-weight:400;font-size:.8em;margin-left:4px}
.nhcal-nav{display:flex;gap:6px;align-items:center}
.nhcal-ic{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:50%;transition:background .15s,border-color .15s}
.nhcal-ic:hover{background:var(--ac-f);border-color:var(--ac);color:var(--ac-d)}
.nhcal-today{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:14px;font-weight:600}
.nhcal-today:hover{background:var(--ac-f);border-color:var(--ac);color:var(--ac-d)}
.nhcal-chips{flex:none;display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.nhcal-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px 5px 10px;font-size:12.5px;font-weight:500;transition:opacity .15s,background .15s,border-color .15s}
.nhcal-chip i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.nhcal-chip:hover{border-color:var(--c)}
.nhcal-chip.is-off{opacity:.45;background:var(--bg2)}

/* month grid */
.nhcal-wk{flex:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:4px}
.nhcal-wk span{text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9a96a6;padding:4px 0}
.nhcal-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(var(--rows,6),minmax(0,1fr));gap:6px}
.nhcal-day{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0;min-height:0;padding:7px 7px 6px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;overflow:hidden;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s}
.nhcal-day.is-wk{background:#fbfafd}
.nhcal-day:hover{border-color:var(--ac);background:var(--ac-f)}
.nhcal-day.is-out{background:transparent;border-color:transparent;color:#bdb9c8}
.nhcal-day.is-out:hover{background:var(--bg2)}
.nhcal-n{display:grid;place-items:center;align-self:flex-start;min-width:26px;height:26px;padding:0 4px;border-radius:50%;font-size:13.5px;font-weight:600}
.nhcal-day.is-today .nhcal-n{background:var(--ac);color:#fff}
.nhcal-day.is-sel{border-color:var(--ac);background:var(--ac-f);box-shadow:0 0 0 2px var(--ac),0 8px 20px color-mix(in srgb,var(--ac) 22%,transparent)}
.nhcal-pills{display:flex;flex-direction:column;gap:3px;min-width:0}
.nhcal-pill{max-width:100%;padding:2px 7px;border-radius:7px;font-size:11.5px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:color-mix(in srgb,var(--c) 62%,#000);background:color-mix(in srgb,var(--c) 15%,#fff);border-left:3px solid var(--c)}
.nhcal-pill.is-span{background:color-mix(in srgb,var(--c) 22%,#fff)}
.nhcal-more{font-size:11px;font-weight:600;color:var(--mut);padding-left:4px}
.nhcal-dots{display:none;gap:3px;justify-content:center;flex-wrap:wrap;min-height:7px}
.nhcal-dots i{width:7px;height:7px;border-radius:50%;background:var(--c)}

/* details panel */
.nhcal-side{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg2);border-left:1px solid var(--line)}
.nhcal-head{flex:none;display:flex;align-items:center;gap:14px;padding:18px 20px}
.nhcal-datebox{flex:none;display:grid;place-items:center;width:64px;height:68px;border-radius:18px;background:linear-gradient(145deg,var(--ac),var(--ac-d));color:#fff;line-height:1;box-shadow:0 8px 20px color-mix(in srgb,var(--ac) 32%,transparent)}
.nhcal-datebox b{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:8px}
.nhcal-datebox span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;opacity:.9}
.nhcal-dow{font-size:18px;font-weight:600;letter-spacing:-.01em}
.nhcal-count{margin-top:4px;font-size:13.5px;color:var(--mut)}
.nhcal-badge{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:99px;background:var(--ac);color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}
.nhcal-list{flex:1;min-height:0;overflow:auto;padding:2px 16px 18px;-webkit-overflow-scrolling:touch}
.nhcal-sec{margin:16px 4px 8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a96a6}
.nhcal-ev{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 13px 20px;margin-bottom:10px;box-shadow:0 1px 2px rgba(25,20,35,.03);animation:nhcalUp .3s ease both}
.nhcal-ev::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c)}
.nhcal-ev h4{margin-bottom:8px;font-size:16px;font-weight:600}
.nhcal-ev h4 a{color:inherit;text-decoration:none}.nhcal-ev h4 a:hover{text-decoration:underline}
.nhcal-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--mut)}
.nhcal-meta span{display:inline-flex;align-items:center;gap:6px}
.nhcal-meta svg{flex:none;opacity:.7}
.nhcal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.nhcal-tags:empty{display:none}
.nhcal-tag{display:inline-block;padding:2px 10px;border-radius:99px;font-size:11.5px;font-weight:600;color:color-mix(in srgb,var(--c) 70%,#000);background:color-mix(in srgb,var(--c) 14%,#fff)}
.nhcal-aud{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 8px;border-radius:99px;font-size:11.5px;font-weight:500;color:var(--mut);background:#f0eef5}
.nhcal-desc{margin-top:9px;font-size:13.5px;line-height:1.5;color:#4a4655}
.nhcal-add{margin-top:11px;display:flex;width:max-content;max-width:100%;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--ac-d);transition:background .15s,border-color .15s}
.nhcal-add:hover{background:var(--ac-f);border-color:var(--ac)}
.nhcal-empty{text-align:center;padding:28px 14px 14px;color:var(--mut)}
.nhcal-empty svg{opacity:.4;margin-bottom:8px}
.nhcal-empty p{margin-bottom:4px}
.nhcal-jump{margin-top:6px;border:0;background:none;color:var(--ac-d);font-weight:600;text-decoration:underline;padding:4px}
.nhcal-soon{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:9px 12px;margin-bottom:8px;transition:border-color .15s,background .15s}
.nhcal-soon:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,#fff)}
.nhcal-soon .d{flex:none;width:46px;padding:5px 0;border-radius:12px;text-align:center;line-height:1.05;color:color-mix(in srgb,var(--c) 70%,#000);background:color-mix(in srgb,var(--c) 14%,#fff)}
.nhcal-soon .d b{display:block;font-size:17px}
.nhcal-soon .d span{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.06em}
.nhcal-soon strong{display:block;font-size:14px;font-weight:600}
.nhcal-soon small{color:var(--mut);font-size:12.5px}

/* term list */
.nhcal-agenda{flex:1;min-height:0;overflow:auto;padding:0 2px 6px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.nhcal-mh{position:sticky;top:0;z-index:2;margin:0 0 8px;padding:10px 4px 8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-d);background:linear-gradient(180deg,#fff 75%,rgba(255,255,255,0))}
.nhcal-mh span{color:#9a96a6;font-weight:500}
.nhcal-row{position:relative;display:flex;align-items:stretch;gap:8px;margin-bottom:8px}
.nhcal-row__go{flex:1;min-width:0;display:flex;align-items:flex-start;gap:14px;text-align:left;padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:18px;transition:border-color .15s,background .15s,box-shadow .15s}
.nhcal-row__go:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 5%,#fff)}
.nhcal-row.is-next .nhcal-row__go{border-color:var(--c);box-shadow:0 8px 22px color-mix(in srgb,var(--c) 18%,transparent)}
.nhcal-row.is-past{opacity:.55}
.nhcal-row__d{flex:none;display:grid;place-items:center;width:54px;padding:7px 0;border-radius:14px;line-height:1.05;color:#fff;background:var(--c)}
.nhcal-row__d b{display:block;font-size:20px;font-weight:700}
.nhcal-row__d span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.nhcal-row__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.nhcal-row__t strong{font-size:15.5px;font-weight:600}
.nhcal-row__t small{font-size:13px;color:var(--mut)}
.nhcal-row__t em{font-style:normal;font-size:13px;color:#57536a;line-height:1.45}
.nhcal-row__m{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:45%}
.nhcal-next{padding:2px 9px;border-radius:99px;background:var(--c);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.nhcal-row__add{flex:none;align-self:center;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:50%;color:var(--ac-d);transition:background .15s,border-color .15s}
.nhcal-row__add:hover{background:var(--ac-f);border-color:var(--ac)}

@keyframes nhcalUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* tablets and phones: one scrolling sheet, month on top and the day's details below */
@media (max-width:900px){
	.nhcal-ov{align-items:end;padding:0}
	.nhcal{width:100%;height:95vh;height:95dvh;max-height:none;border-radius:26px 26px 0 0;transform:translateY(40px)}
	.nhcal-bar{flex-wrap:wrap;gap:10px;padding:14px 14px 12px 16px}
	.nhcal-brand{flex:1 1 auto}
	.nhcal-ctl{order:3;flex:1 0 100%;justify-content:flex-start;gap:8px}
	.nhcal-seg{flex:none}
	.nhcal-body{overflow:auto;-webkit-overflow-scrolling:touch}
	.nhcal-scroll{display:block;overflow:visible;min-height:0}
	.nhcal-main{padding:14px 14px 10px}
	.nhcal-grid{flex:none;grid-template-rows:none;grid-auto-rows:minmax(64px,auto)}
	.nhcal-side{border-left:0;border-top:1px solid var(--line);min-height:300px}
	.nhcal-list{overflow:visible}
	.nhcal-title{font-size:21px}
	.nhcal--agenda .nhcal-main{height:100%}
	.nhcal--agenda .nhcal-scroll{display:flex;flex-direction:column;height:100%}
	.nhcal--agenda .nhcal-body{overflow:hidden}
}
@media (max-width:640px){
	.nhcal-seg button{padding:7px 11px;font-size:13px}
	.nhcal-title span{white-space:nowrap}
	.nhcal-brand p{display:none}
	.nhcal-logo{width:38px;height:38px;border-radius:12px}
	.nhcal-wk{gap:3px}.nhcal-grid{gap:3px;grid-auto-rows:minmax(52px,auto)}
	.nhcal-wk span{font-size:10.5px;letter-spacing:.02em}
	.nhcal-day{align-items:center;gap:5px;padding:6px 2px 5px;border-radius:12px}
	.nhcal-n{align-self:center;min-width:25px;height:25px;font-size:13px}
	.nhcal-pills{display:none}
	.nhcal-dots{display:flex}
	.nhcal-today span{display:none}.nhcal-today.nhcal-dl span{display:inline}
	.nhcal-today:not(.nhcal-dl){padding:0 13px}
	.nhcal-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:14px;-webkit-overflow-scrolling:touch}.nhcal-chips::-webkit-scrollbar{display:none}
	.nhcal-chip{flex:none}
	.nhcal-head{padding:14px 16px}
	.nhcal-datebox{width:56px;height:60px;border-radius:16px}.nhcal-datebox b{font-size:24px;margin-top:7px}
	.nhcal-dow{font-size:16.5px}
	.nhcal-row__go{flex-wrap:wrap;gap:10px 12px;padding:11px 12px}
	.nhcal-row__d{width:48px}
	.nhcal-row__m{flex:1 0 100%;flex-direction:row;flex-wrap:wrap;align-items:center;max-width:none;gap:6px}
	.nhcal-row__add{width:38px;height:38px;align-self:flex-start;margin-top:8px}
	.nhcal-today.nhcal-dl{padding:0 14px;font-size:13px}
}
@media (min-width:901px) and (max-height:640px){.nhcal{height:96vh}.nhcal-day{padding:4px 6px}.nhcal-pill:nth-child(2){display:none}}
@media (prefers-reduced-motion:reduce){.nhcal-ov,.nhcal,.nhcal-ev,.nhcal-close,.nhcal-agenda{transition:none!important;animation:none!important;scroll-behavior:auto}}
body.nhcal-lock{overflow:hidden}