:root{--ink:#1c2b39;--muted:#637783;--accent:#157f78;--line:#e3e9e8;--surface:#fff;--background:#f4f7f6;--radius:22px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #138f85;outline-offset:4px}button:disabled{cursor:default}h1,h2,p{margin:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.preview-note{padding:8px 16px;text-align:center;font-size:14px;color:#536b67;background:#e5efeb;letter-spacing:.02em}.preview-note span{padding:0 8px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px;letter-spacing:-.4px}.brand small{display:block;margin-top:4px;font-weight:400;font-size:14px;letter-spacing:.03em;color:var(--muted)}.brand-mark{position:relative;display:grid;align-content:center;padding-left:13px;width:49px;height:52px;background:#1c393b;color:#fff;border-radius:14px;font-size:21px;line-height:.98;letter-spacing:1px}.brand-dot{position:absolute;right:8px;bottom:11px;width:5px;height:5px;border-radius:50%;background:#b1df76}.audience-switch{display:flex;gap:4px;padding:5px;background:#f0f4f3;border:1px solid #e8eeeb;border-radius:13px}.audience-switch button{padding:10px 20px;border:0;border-radius:9px;background:transparent;color:#647570;font-size:16px;font-weight:600}.audience-switch button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 2px 6px #183e3010}.header-clock{text-align:right;min-width:144px}.header-clock span:first-child{display:block;font-size:30px;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-1px}.header-clock span:last-child{display:block;margin-top:3px;color:var(--muted);font-size:14px}
.eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;color:#43736a;display:flex;align-items:center;gap:7px}.web-search{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-top:27px;padding:9px 10px 9px 19px;border-radius:15px;background:#fff;border:1px solid #d7e3dd;box-shadow:0 4px 12px #214b4710}.web-search>.icon{color:#729187}.web-search input{border:0;background:transparent;min-width:0;flex:1;font-size:18px;padding:12px 0;color:var(--ink)}input::placeholder{color:#8a9a9f}.web-search select{border:0;border-left:1px solid var(--line);color:#53646a;background:transparent;font-size:15px;padding:6px 10px 6px 18px;max-width:100px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:#1b7569;color:white;border:0;border-radius:10px;padding:13px 22px;font-weight:600;font-size:16px}.primary-button:hover{background:#125d53}.primary-button .icon{width:16px;height:16px}
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:28px;align-items:start}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.muted{color:#7d8e94}.section-heading h2{font-size:30px;font-weight:650;letter-spacing:-.7px;margin-top:6px}.section-heading h2 span{display:inline-grid;place-items:center;vertical-align:middle;margin-left:6px;min-width:27px;height:25px;padding:0 6px;background:#e8eeeb;border-radius:7px;color:#72847b;font-size:15px;font-weight:500;letter-spacing:0}.service-filter{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d4dfd8;padding:8px 0;width:166px}.service-filter .icon{width:16px;height:16px;color:#7a8d84}.service-filter input{border:0;background:transparent;min-width:0;width:100%;color:var(--ink);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{position:relative;display:flex;flex-direction:column;gap:17px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:17px;transition:transform .18s,border-color .18s,box-shadow .18s}.service-card:hover{transform:translateY(-3px);border-color:#a4c9bb;box-shadow:0 8px 22px #214b470c}.service-card>.icon{position:absolute;right:16px;top:17px;color:#aab9b4;width:15px;height:15px}.service-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--tile-bg,#edf4f0);color:var(--tile-color,#276b5c);border-radius:13px;font-size:18px;font-weight:800;letter-spacing:-.7px}.service-icon .icon{width:25px;height:25px}.service-card h3{margin:0;font-size:18px;line-height:1.3;font-weight:650;letter-spacing:-.15px;overflow-wrap:anywhere}.service-card p{font-size:14px;color:#829089;margin-top:6px;line-height:1.4}.service-card.featured{border-color:#c9ddd4;background:#fafdFA}.help-note{display:flex;align-items:center;gap:13px;margin-top:24px;padding:18px 20px;border:1px dashed #d1dfd7;border-radius:14px;color:#60766d}.help-icon{display:grid;place-items:center;border:1px solid #a1b7aa;border-radius:50%;width:25px;height:25px;flex-shrink:0;font-size:16px}.help-note strong{font-size:15px;font-weight:600}.help-note p{font-size:14px;margin-top:5px;line-height:1.6}.empty-state{padding:40px 16px;border:1px dashed var(--line);text-align:center;font-size:18px;color:var(--muted)}
.sidebar{display:flex;flex-direction:column;gap:18px}.day-card,.holiday-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.widget-heading{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.widget-heading .icon{width:17px;height:17px;color:#668777}.live-badge{margin-left:auto;padding:4px 8px;border-radius:6px;background:#eff6e9;color:#64833d;font-size:14px;font-weight:500}.day-card h2{font-size:30px;margin-top:19px;font-weight:650;letter-spacing:-.7px}.day-card>p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5}.lesson-progress{height:4px;border-radius:3px;background:#e9efeb;margin-top:18px;overflow:hidden}.lesson-progress span{display:block;background:#89b374;height:100%;width:0}.schedule-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:#547566;margin-top:20px;padding:16px 0 0;font-size:14px;font-weight:600}.schedule-button:hover{color:#0f6c54}.weather-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#274b62,#365e75 65%,#44758b);border:1px solid #35586f;border-radius:var(--radius);padding:22px;color:white}.weather-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.weather-heading h2{font-size:16px;font-weight:600}.weather-heading>span{font-size:14px;color:#c1d6df}.weather-temperature{position:relative;font-size:70px;line-height:1.2;margin-top:23px;font-weight:350;letter-spacing:-3px}.weather-temperature>span{font-weight:300;color:#b1cbd6}.weather-description{font-size:14px;color:#d3e4ed;margin-top:4px;position:relative}.weather-facts{display:flex;gap:28px;margin-top:23px;padding-top:17px;border-top:1px solid #ffffff24}.weather-facts small{font-size:14px;color:#b8d0dc;display:block;margin-bottom:7px}.weather-facts strong{font-size:15px;font-weight:500}.weather-source{display:block;margin-top:19px;font-size:14px;color:#b9d0db}.weather-source:hover{text-decoration:underline}.weather-cloud{position:absolute;right:27px;top:69px;width:93px;height:38px;border-radius:28px;background:#e3edf0;filter:drop-shadow(0 8px 12px #122f4440)}.weather-cloud:before,.weather-cloud:after{content:"";position:absolute;background:#e3edf0;border-radius:50%}.weather-cloud:before{width:46px;height:46px;left:15px;top:-25px}.weather-cloud:after{width:39px;height:39px;right:13px;top:-16px}.weather-cloud span,.weather-cloud i,.weather-cloud b{position:absolute;top:46px;width:3px;height:10px;background:#88bbd2;border-radius:2px;transform:rotate(22deg)}.weather-cloud span{left:25px}.weather-cloud i{left:46px;top:52px}.weather-cloud b{left:65px}.holiday-card h2{font-size:15px;font-weight:600}.sample-caption{font-size:14px;color:#8b9992;margin-top:10px}.holiday-card ul{list-style:none;padding:0;margin:17px 0 0}.holiday-card li{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #edf1ee}.holiday-card li:first-child{padding-top:0}.holiday-card li:last-child{border:0;padding-bottom:0}.holiday-card time{display:flex;align-items:center;flex-direction:column;justify-content:center;flex-shrink:0;width:40px;height:48px;background:#f0f5f1;border-radius:9px;color:#486757}.holiday-card time strong{font-size:22px;line-height:1.2;font-weight:600}.holiday-card time span{font-size:14px;letter-spacing:.06em;margin-top:3px}.holiday-card li a{display:block;font-size:14px;line-height:1.5}.holiday-card li a:hover{color:var(--accent);text-decoration:underline}.today-label{display:block;color:#718f59;font-size:14px;margin-bottom:3px}.all-holidays{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:14px;color:#668272}.site-footer{display:flex;justify-content:space-between;gap:15px;margin-top:44px;border-top:1px solid var(--line);padding-top:22px;padding-bottom:26px;color:#83918b;font-size:14px}.footer-dot{padding:0 7px}
dialog{border:1px solid var(--line);border-radius:24px;padding:28px;width:min(440px,calc(100% - 32px));color:var(--ink);box-shadow:0 24px 90px #15372c26;max-height:90dvh;overflow:auto}dialog::backdrop{background:#19332d65;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:29px;letter-spacing:-.7px;margin-top:8px}.dialog-heading button{border:0;background:#eff4f1;color:#547064;border-radius:50%;width:32px;height:32px;font-size:30px;flex-shrink:0}.dialog-caption{font-size:14px;color:var(--muted);margin:15px 0}.schedule-row{display:flex;justify-content:space-between;border-radius:9px;padding:12px;font-size:15px;font-variant-numeric:tabular-nums}.schedule-row:nth-child(odd){background:#f3f7f4}.schedule-row.current{background:#e0efe5;color:#185e3d;font-weight:700}dialog form{margin-top:20px}dialog .primary-button{width:100%}
@media(max-width:1050px){.shell{width:calc(100% - 40px)}.page-grid{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-clock{min-width:125px}.brand{font-size:21px}.audience-switch button{padding:10px 14px}}
@media(max-width:760px){.shell{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;padding:18px 0;gap:16px;min-height:unset}.brand{font-size:20px}.brand-mark{width:43px;height:46px;border-radius:12px;padding-left:11px;font-size:20px}.header-clock{margin-left:auto;min-width:0}.header-clock span:first-child{font-size:26px}.header-clock span:last-child{font-size:14px}.audience-switch{order:3;width:100%}.audience-switch button{flex:1}.web-search{gap:10px;margin-top:24px;flex-wrap:wrap;padding:12px}.web-search>.icon{width:19px;height:19px}.web-search input{flex-basis:calc(100% - 32px);font-size:15px;padding:9px 0}.web-search select{padding:8px 0;border:0;flex:1;max-width:unset}.web-search .primary-button{padding:10px 18px;gap:12px}.page-grid{grid-template-columns:minmax(0,1fr);gap:28px}.section-heading{align-items:center}.section-heading h2{font-size:28px}.service-filter{width:132px}.service-card{padding:17px;gap:15px}.service-grid{gap:11px}.service-card h3{font-size:16px}.service-card p{font-size:14px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.day-card{grid-column:1/-1}.holiday-card,.weather-card{padding:18px}.widget-heading{font-size:14px}.holiday-card h2{font-size:14px}.weather-heading{align-items:start;flex-direction:column;gap:5px}.weather-cloud{right:15px;top:94px;width:68px;height:30px;opacity:.8}.weather-cloud:before{width:33px;height:33px;left:10px;top:-18px}.weather-cloud:after{width:30px;height:30px;right:7px;top:-12px}.weather-temperature{font-size:56px}.weather-facts{gap:15px;flex-wrap:wrap}.holiday-card li{gap:9px}.holiday-card time{width:32px;height:42px}.holiday-card time strong{font-size:20px}.holiday-card li a{font-size:14px}.holiday-card .widget-heading .icon{display:none}.site-footer{margin-top:30px;font-size:14px}.preview-note{font-size:14px}}
@media(max-width:420px){.sidebar{display:flex}.weather-card{min-height:244px}.weather-heading{flex-direction:row}.weather-cloud{right:35px;top:76px;width:90px;height:36px;opacity:1}.weather-cloud:before{width:43px;height:43px;top:-25px}.weather-cloud:after{width:36px;height:36px;top:-16px}.weather-temperature{font-size:70px}.weather-facts{gap:32px}.holiday-card .widget-heading .icon{display:block}.holiday-card h2{font-size:16px}.holiday-card li a{font-size:15px}.holiday-card time{width:40px;height:48px}.section-heading{flex-wrap:wrap}.service-filter{width:100%;margin-top:4px}.site-footer{flex-wrap:wrap}.preview-note span{padding:0 3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.search-strip{margin:26px 0 30px}
.search-strip .web-search{margin:0;min-height:62px;box-shadow:0 3px 14px #214b4708}
.service-icon{overflow:hidden}
.service-icon img{display:block;width:100%;height:100%;transform-origin:center}
@media(max-width:760px){
  .search-strip{margin:20px 0 26px}
  .search-strip .web-search{flex-wrap:nowrap;gap:8px;min-height:56px;padding:8px 10px}
  .search-strip .web-search input{flex:1;min-width:0;padding:10px 0;font-size:15px}
  .search-strip .web-search select{flex:0 0 auto;max-width:76px;padding:8px 3px;font-size:14px;border:0}
  .search-strip .web-search>.icon{width:16px;height:16px}
  .search-strip .primary-button{padding:10px;gap:0;width:36px;height:36px;flex-shrink:0}
  .search-strip .primary-button span{display:none}
}

:root{font-size:18px}
.service-card h3{font-size:18px}
.service-card p{color:#677b70;line-height:1.55}
.service-icon{width:52px;height:52px}
.section-heading{flex-wrap:wrap}
.service-filter{width:200px}
.keyboard-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #dbe7e0;border-radius:10px;background:#f3f8f5;color:#397663}
.keyboard-toggle:hover,.keyboard-toggle[aria-expanded=true]{background:#e0efe7;border-color:#88b5a0}
.lesson-status{display:flex;align-items:center;gap:12px;margin-top:19px}
.lesson-status h2{margin:0;line-height:1.2}
.lesson-status-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:13px;background:#e6f1e8;color:#35784d}
.lesson-status-icon .icon{width:26px;height:26px}
.lesson-status-icon[data-state=break]{background:#fff0d9;color:#a57020}
.lesson-status-icon[data-state=idle]{background:#eaf0f7;color:#57728e}
.screen-keyboard{position:fixed;z-index:10;bottom:16px;left:50%;transform:translateX(-50%);width:min(920px,calc(100% - 32px));padding:16px;background:#f6faf7;border:1px solid #cbded3;border-radius:20px;box-shadow:0 -8px 64px #163c3333;max-height:70dvh;overflow:auto}
.keyboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.keyboard-heading h2{font-size:18px;font-weight:600}
.keyboard-heading>button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;background:#e6efe9;color:#3b6452;font-size:26px}
.keyboard-row{display:flex;justify-content:center;gap:6px;margin-top:6px}
.keyboard-key{display:grid;place-items:center;min-width:0;flex:1;height:46px;padding:0 4px;border:1px solid #d1ded6;border-radius:8px;background:#fff;color:#223f31;font-size:20px;box-shadow:0 2px 0 #cedbd3}
.keyboard-key:hover{background:#e7f3eb}.keyboard-key:active{transform:translateY(1px);box-shadow:none}
.keyboard-wide{flex:1.6}.keyboard-key[aria-pressed=true]{background:#dceee3;border-color:#5d9b76}
.keyboard-language{flex:2;font-size:15px}.keyboard-space{flex:6;font-size:16px}.keyboard-enter{flex:2.2;background:#1b7569;border-color:#1b7569;color:#fff;font-size:16px}.keyboard-enter:hover{background:#125d53}
body.keyboard-open{padding-bottom:360px}
@media(max-width:1050px){.sidebar{grid-template-columns:1fr}.page-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:760px){
  .page-grid{grid-template-columns:minmax(0,1fr)}
  .sidebar{display:flex}
  .search-strip .web-search{padding:8px;gap:6px;min-height:60px}
  .search-strip .web-search>.icon{display:none}
  .search-strip .web-search input{font-size:16px;padding:10px 0}
  .search-strip .web-search select{font-size:14px;max-width:80px;padding:8px 0}
  .keyboard-toggle{width:38px;height:40px}.keyboard-toggle .icon{width:23px;height:23px}
  .search-strip .primary-button{width:38px;height:40px}
  .service-filter{width:100%}
  .header-clock span:last-child{max-width:115px;line-height:1.4}
  .service-card{padding:15px}
  .holiday-card li a{font-size:16px}
  .screen-keyboard{width:calc(100% - 12px);bottom:6px;padding:9px;border-radius:14px}
  .keyboard-heading{margin-bottom:8px}.keyboard-heading h2{font-size:16px}
  .keyboard-row{gap:3px;margin-top:5px}
  .keyboard-key{height:40px;font-size:16px;padding:0 1px;border-radius:5px}
  .keyboard-language{font-size:14px;flex:2.3}.keyboard-space{font-size:14px;flex:4}.keyboard-enter{font-size:14px;flex:2.3}
  .keyboard-wide{flex:1.4}
}

.service-grid{align-items:start}
.service-card{gap:12px;padding:18px}
.dialog-heading{align-items:flex-start}
.dialog-heading>div{min-width:0}
.dialog-heading button{display:grid;place-items:center;padding:0;width:40px;height:40px;line-height:1;flex-shrink:0}
.dialog-heading button .icon{display:block;width:22px;height:22px;stroke-width:2}
.dialog-heading button:hover{background:#dceae1}
@media(max-width:760px){.service-card{padding:15px}.dialog-heading{gap:10px}}

.school-logo{display:block;width:58px;height:60px;object-fit:contain;flex-shrink:0}
.audience-switch a{padding:10px 20px;border-radius:9px;color:#647570;font-size:16px;font-weight:600}
.audience-switch a:hover,.audience-switch a[aria-current=page]{background:white;color:var(--ink);box-shadow:0 2px 6px #183e3010}
body[data-audience=anthem] .anthem-intro{padding-top:26px}
.service-card .service-icon{flex-shrink:0}
.service-icon-fallback{display:grid;place-items:center;width:100%;height:100%}
@media(max-width:760px){.school-logo{width:46px;height:48px}.audience-switch a{flex:1;text-align:center;padding:10px}.header-clock{max-width:135px}}

.service-icon{width:80px;height:80px}
.service-icon .icon{width:32px;height:32px}
.service-card h3{font-size:20px;line-height:1.35}
.service-card p{font-size:16px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}