@media(min-width:701px){
  .streamRail{display:none!important}
  .hf-education-unified-rail{--rail-compact:76px;--rail-expanded:252px;position:fixed;z-index:1200;inset:0 auto 0 0;width:var(--rail-compact);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:24px 0 22px;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(8,8,9,.98),rgba(3,3,4,.99));border-right:1px solid rgba(255,255,255,.11);box-shadow:12px 0 38px rgba(0,0,0,.12);backdrop-filter:blur(28px) saturate(145%);font-family:"DM Sans",sans-serif;transition:width .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s}
  .hf-education-unified-rail:hover,.hf-education-unified-rail:focus-within{width:var(--rail-expanded);align-items:stretch;box-shadow:30px 0 80px rgba(0,0,0,.62)}
  .hf-education-unified-rail *{box-sizing:border-box}
  .hf-education-unified-rail:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 26%,rgba(217,1,0,.12),transparent 29%),linear-gradient(110deg,rgba(255,255,255,.022),transparent 38%)}
  .hf-education-rail-brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;width:100%;margin:0 0 12vh;padding:0 14px;color:#fff!important;text-decoration:none}
  .hf-education-rail-brand img{flex:0 0 48px;width:48px;height:48px;object-fit:contain}
  .hf-education-rail-brand>span{margin-left:14px;font:400 17px/1 var(--font-display);letter-spacing:.14em;white-space:nowrap;opacity:0;transform:translateX(-7px);transition:opacity .2s,transform .3s}
  .hf-education-unified-rail:hover .hf-education-rail-brand>span,.hf-education-unified-rail:focus-within .hf-education-rail-brand>span{opacity:1;transform:none}
  .streamTopbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
  .streamTopbar>.streamWordmark{display:none!important}
  .streamTopbar>nav{grid-column:2;justify-self:center;justify-content:center;display:flex!important}
  .streamTopbar>.streamDesktopAccount{grid-column:3}
  .streamTopbar>.streamDesktopAccount>button{display:none!important}
  .hf-education-unified-rail>nav{position:relative;z-index:1;display:flex;flex-direction:column;align-self:stretch;gap:9px;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
  .hf-education-unified-rail nav a{position:relative;display:flex;align-items:center;gap:20px;width:100%;min-height:54px;padding:0 26px;color:#8e8e93!important;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;transition:color .28s,background .28s}
  .hf-education-unified-rail nav a>span{opacity:0;transform:translateX(-7px);transition:opacity .2s,transform .3s}
  .hf-education-unified-rail:hover nav a>span,.hf-education-unified-rail:focus-within nav a>span{opacity:1;transform:none}
  .hf-education-unified-rail nav a:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:#d90100;opacity:0;transition:opacity .28s}
  .hf-education-unified-rail nav a:hover{color:#fff!important;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}
  .hf-education-unified-rail nav a.is-active{color:#fff!important;background:linear-gradient(90deg,#d90100 0,rgba(217,1,0,.58) 60%,rgba(217,1,0,.08) 100%)}
  .hf-education-unified-rail nav a.is-active:before{opacity:1}
  .hf-education-unified-rail nav i,.hf-education-rail-account i{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;font-style:normal}
  .hf-education-unified-rail svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .hf-education-subnav{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s,opacity .3s}
  .hf-education-unified-rail:hover .hf-education-subnav,.hf-education-unified-rail:focus-within .hf-education-subnav{max-height:230px;opacity:1}
  .hf-education-subnav a{min-height:42px!important;padding-left:37px!important;font-size:10px!important;font-weight:700!important;letter-spacing:.05em!important}
  .hf-education-subnav a i{flex-basis:17px!important;width:17px!important;height:17px!important}
  .hf-education-subnav a.is-current{color:#fff!important}
  .hf-education-rail-account{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:66px;margin-top:auto;padding:10px 26px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;white-space:nowrap}
  .hf-education-rail-account>i{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#d90100;box-shadow:0 9px 24px rgba(217,1,0,.25);padding:10px}
  .hf-education-rail-account>span{display:flex;flex-direction:column;gap:3px;min-width:0;opacity:0;transition:opacity .2s}.hf-education-rail-account small{color:#79797f;font-size:8px;font-weight:850;letter-spacing:.14em}.hf-education-rail-account b{font-size:12px}.hf-education-rail-account em{margin-left:auto;color:#727277;font-size:22px;opacity:0}
  .hf-education-unified-rail:hover .hf-education-rail-account>span,.hf-education-unified-rail:focus-within .hf-education-rail-account>span,.hf-education-unified-rail:hover .hf-education-rail-account em,.hf-education-unified-rail:focus-within .hf-education-rail-account em{opacity:1}
}
.hf-education-mobile-nav{display:none}
@media(max-width:700px), (max-device-width:700px){
  .hf-education-unified-rail{display:none}
  body:has(.hf-education-mobile-nav) .streamMobileNav:not(.hf-education-mobile-nav){display:none!important}
  .hf-education-mobile-nav{box-sizing:border-box;position:fixed;z-index:1300;left:9px;right:9px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;align-items:stretch;height:68px;gap:3px;padding:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(8,9,11,.92);box-shadow:0 16px 44px rgba(0,0,0,.65);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:"DM Sans",sans-serif}
  .hf-education-mobile-nav::-webkit-scrollbar{display:none}
  .hf-education-mobile-nav a{box-sizing:border-box;display:flex;flex:0 0 max(68px,21%);min-width:0;align-items:center;justify-content:center;gap:0;padding:4px 5px;scroll-snap-align:center;border:1px solid transparent;border-radius:23px;color:#a9abb2!important;text-decoration:none;white-space:nowrap}
  .hf-education-mobile-nav a.is-active{flex-basis:max(108px,29%);gap:5px;background:linear-gradient(135deg,#ec0805,#c50000);border-color:#ff514d;color:#fff!important;box-shadow:0 0 28px #d9010066,inset 0 1px #ffffff38}
  .hf-education-mobile-nav.is-guest a{flex:1 1 0}
  .hf-education-mobile-nav.is-guest a.is-active{flex:1.45 1 0}
  .hf-education-mobile-nav i{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;font-style:normal}
  .hf-education-mobile-nav svg,.hf-education-mobile-sections svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .hf-education-mobile-nav span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .hf-education-mobile-nav a.is-active span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:clamp(8px,2.3vw,10px);font-weight:800}
}
@media(display-mode:standalone){.hf-education-mobile-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.hf-education-unified-rail,.hf-education-unified-rail *{transition:none!important}}

/* Clip composited backgrounds to the mobile capsule, including Safari. */
@media(max-width:700px){
  .streamMobileNav{isolation:isolate;clip-path:inset(0 round 999px)}
  .hf-education-mobile-nav a{overflow:hidden}
  .hf-education-mobile-nav a::before,.hf-education-mobile-nav a::after{content:none!important}
  html.hf-nav-condensed .hf-education-mobile-nav a.is-active span{display:block!important}
}

/* Browser navigation on phones and tablets; the app bar belongs to installed PWAs. */
.hf-education-browser-header{display:none}
html:not(.hf-education-installed) .streamMobileNav{display:none!important}
.hf-education-browser-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(320px,88vw);max-width:none;height:100dvh;max-height:none;padding:24px 0 22px;border:0;border-left:1px solid #ffffff1c;background:#080809;color:#fff;font-family:"DM Sans",sans-serif;overflow:hidden}
.hf-education-browser-drawer[open]{display:flex;flex-direction:column;animation:hf-education-drawer-in .25s cubic-bezier(.2,.8,.2,1)}
.hf-education-browser-drawer::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}
.hf-education-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 18px 28px;gap:12px}
.hf-education-drawer-head .hf-education-rail-brand{display:flex;align-items:center;gap:14px;margin:0;padding:0;text-decoration:none;color:#fff}
.hf-education-drawer-head .hf-education-rail-brand img{width:48px;height:48px;flex:0 0 48px}
.hf-education-drawer-head .hf-education-rail-brand span{opacity:1;transform:none;margin:0;font:400 20px/1 "Bebas Neue",sans-serif;letter-spacing:.13em}
.hf-education-drawer-head button,.hf-education-browser-header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #ffffff1c;border-radius:12px;background:#19191b;color:#fff;cursor:pointer}
.hf-education-browser-drawer svg,.hf-education-browser-header svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hf-education-browser-drawer>nav{display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:0;padding-bottom:20px}
.hf-education-browser-drawer nav a{display:flex;align-items:center;gap:20px;min-height:54px;padding:0 26px;color:#8e8e93;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.hf-education-browser-drawer nav a i{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px}
.hf-education-browser-drawer nav a.is-active{background:#d90100;color:#fff}
.hf-education-browser-drawer nav a:hover{color:#fff;background:#242426}
.hf-education-browser-drawer nav a.is-active:hover{background:#d90100}
.hf-education-browser-drawer .hf-education-subnav{display:flex;flex-direction:column;max-height:none;opacity:1;gap:2px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff12}
.hf-education-browser-drawer .hf-education-subnav a{min-height:44px!important;padding-left:37px!important;font-size:11px!important}
.hf-education-browser-drawer .hf-education-rail-account{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;margin-top:auto;padding:10px 18px max(10px,env(safe-area-inset-bottom));border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}
.hf-education-browser-drawer .hf-education-rail-account>i{display:grid;place-items:center;box-sizing:border-box;flex:0 0 42px;width:42px;height:42px;padding:10px;border-radius:13px;background:#d90100}
.hf-education-browser-drawer .hf-education-rail-account svg{width:22px;height:22px}
.hf-education-browser-drawer .hf-education-rail-account>span{display:flex;flex-direction:column;gap:3px;opacity:1}
.hf-education-browser-drawer .hf-education-rail-account small{color:#79797f;font-size:8px;font-weight:850;letter-spacing:.14em}
.hf-education-browser-drawer .hf-education-rail-account b{font-size:12px}
.hf-education-browser-drawer .hf-education-rail-account em{margin-left:auto;color:#727277;font-size:22px;opacity:1}
.hf-education-browser-drawer :focus-visible,.hf-education-browser-header :focus-visible{outline:2px solid #ff6560;outline-offset:3px}
html.hf-education-menu-open,html.hf-education-menu-open body{overflow:hidden}
@keyframes hf-education-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:1050px){
 html:not(.hf-education-installed) .streamMobileHeader,html:not(.hf-education-installed) .streamTopbar,html:not(.hf-education-installed) .hf-education-unified-rail,html:not(.hf-education-installed) .streamRail{display:none!important}
 html:not(.hf-education-installed) .hf-education-browser-header{display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:120;box-sizing:border-box;height:70px;padding:10px 20px;border-bottom:1px solid #ffffff1c;background:rgba(8,8,9,.96);backdrop-filter:blur(20px)}
 html:not(.hf-education-installed) .streamSearch{left:0!important}
 .hf-education-browser-header>a{display:flex;align-items:center}
 .hf-education-browser-header img{display:block;width:48px;height:48px;object-fit:contain}
 .hf-education-browser-header>div{display:flex;gap:8px}
 html:not(.hf-education-installed) .streamExperience{margin-left:0!important;margin-top:70px!important;padding-left:0!important}
}
@media(prefers-reduced-motion:reduce){.hf-education-browser-drawer[open]{animation:none}}
.hf-education-browser-notifications{display:flex;align-items:center}
.hf-education-browser-header .hf-education-browser-notifications .hfPwaBell{position:relative;inset:auto;width:44px;height:44px;margin:0;border-radius:12px;order:0}
