/*
 * Bannière globale Aether.
 * Référence unique : la bannière de l'index canonique (104 px, grille
 * 330 / fluide / 230, mot-symbole Caslon et navigation Studio Narrow).
 */
:root{
  --aether-header-paper:#f8f8f4;
  --aether-header-ink:#111214;
  --aether-header-line:rgba(17,18,20,.14);
  --aether-header-muted:rgba(17,18,20,.58);
  --aether-header-glass:color-mix(in srgb,#bbc7d4 16%,transparent);
  --aether-header-glass-strong:color-mix(in srgb,#eef4f6 72%,transparent);
  --aether-header-ease:cubic-bezier(.22,.8,.22,1);
  --glass:rgba(248,249,252,.76);
  --ease:cubic-bezier(.22,.8,.22,1);
  --lg-glass:#bbc7d4;
  --lg-light:#fff;
  --lg-dark:#0f1828;
  --lg-saturation:165%;
}

@font-face{
  font-family:"Studio Arial Narrow";
  src:url("aether-index-prototype/assets/fonts/Arial-Narrow-Studio.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Arial-Narrow-Studio";
  src:url("aether-index-prototype/assets/fonts/Arial-Narrow-Studio.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

.aether-global-header{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:300!important;
  width:100%!important;
  height:104px!important;
  min-height:104px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--aether-header-paper)!important;
  color:var(--aether-header-ink)!important;
  box-shadow:none!important;
  isolation:isolate;
}

.aether-global-header *,
.aether-global-header *::before,
.aether-global-header *::after{box-sizing:border-box}

.aether-global-header__inner{
  position:relative;
  width:min(1460px,calc(100% - 48px));
  height:104px;
  margin-inline:auto;
  padding-top:22px;
  display:grid;
  grid-template-columns:330px minmax(0,1fr) 230px;
  align-items:start;
}

.aether-global-brand{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  text-decoration:none!important;
}
.aether-global-brand::before,
.aether-global-brand::after{display:none!important}
.aether-global-brand-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
  overflow:visible;
}
.aether-global-brand-mark .orbit{opacity:.58}
.aether-global-brand-mark .nucleus{
  transform-origin:18px 18px;
  animation:aetherNucleusBreath 5s ease-in-out infinite;
}
@keyframes aetherNucleusBreath{
  0%,100%{transform:scale(.92);opacity:.76}
  50%{transform:scale(1.12);opacity:1}
}
.aether-global-brand-copy{display:block;min-width:0}
.aether-global-brand-copy strong{
  display:block!important;
  margin:0!important;
  font-family:"adobe-caslon-pro","Big Caslon",serif!important;
  font-style:italic!important;
  font-size:44px!important;
  font-weight:500!important;
  line-height:.8!important;
  letter-spacing:-1.2px!important;
  font-feature-settings:"swsh" on!important;
  text-transform:none!important;
}
.aether-global-brand-copy small{
  display:block!important;
  margin-top:7px!important;
  font-family:"Studio Arial Narrow","Arial-Narrow-Studio","Arial Narrow",sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.aether-global-nav{
  position:static!important;
  justify-self:center;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:39px!important;
  width:max-content!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-9px)!important;
  font-family:"Studio Arial Narrow","Arial-Narrow-Studio","Arial Narrow",sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.aether-global-nav > a,
.aether-global-nav > button,
.aether-global-nav > .nav-popover > a{
  appearance:none;
  position:relative!important;
  display:block!important;
  flex:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
  cursor:pointer!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  text-transform:inherit!important;
  white-space:nowrap!important;
}
.aether-global-nav > a::after,
.aether-global-nav > button::after,
.aether-global-nav > .nav-popover > a::after,
.aether-global-tools a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:1px;
  background:currentColor;
  transition:right .25s var(--aether-header-ease);
}
.aether-global-nav > :is(a,button):is(:hover,:focus-visible,[aria-current="page"],[aria-expanded="true"])::after,
.aether-global-nav > .nav-popover > a:is(:hover,:focus-visible,[aria-current="page"],[aria-expanded="true"])::after,
.aether-global-tools a:is(:hover,:focus-visible,[aria-current="page"])::after{right:0}
.aether-global-nav > :is(a,button):focus-visible,
.aether-global-nav > .nav-popover > a:focus-visible,
.aether-global-tools a:focus-visible{
  outline:2px solid currentColor!important;
  outline-offset:4px!important;
}

.aether-global-tools{
  position:static!important;
  justify-self:end;
  display:flex!important;
  align-items:flex-start!important;
  gap:22px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-9px)!important;
  font-family:"Studio Arial Narrow","Arial-Narrow-Studio","Arial Narrow",sans-serif!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.aether-global-tools a{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  text-transform:inherit!important;
}
.aether-global-paris{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:4px 0!important;
}
.aether-global-paris svg{
  width:19px!important;
  height:10px!important;
  flex:none!important;
  overflow:visible!important;
  opacity:.58!important;
  stroke-width:.62!important;
}

/* Aucun toggle n'existe dans la bannière canonique. */
.aether-global-toggle,
.aether-global-drawer{display:none!important}

/* Pop-ups recopiés du véritable index Aether, sans changement de matière. */
.mega{position:absolute;top:76px;left:50%;width:min(980px,calc(100vw - 40px));transform:translate(-50%,-12px);display:none;grid-template-columns:190px 290px 1fr;min-height:390px;padding:12px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:var(--glass);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 24px 70px rgba(22,28,40,.16),inset 0 1px rgba(255,255,255,.95);opacity:0;transition:.25s var(--ease);overflow:hidden}
.mega.open{display:grid}
.mega.ready{opacity:1;transform:translate(-50%,0)}
.mega-col{padding:14px;border-right:1px solid rgba(20,25,35,.1);min-width:0}
.mega-col:last-child{border:0}
.mega-label{display:block;margin:2px 8px 12px;color:#777b83;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.mega-list{display:grid;gap:4px}
.mega-item{width:100%;border:0;background:transparent;border-radius:12px;text-align:left;padding:11px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;transition:.18s}
.mega-item:hover,.mega-item.active,.mega-item:focus-visible{background:rgba(255,255,255,.76);box-shadow:0 3px 15px rgba(35,43,58,.07);outline:none}
.mega-item span:last-child{color:#8a8d93}
.anim-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.anim-link{padding:12px;border-radius:12px;background:rgba(255,255,255,.45);font-size:12px;line-height:1.35;border:1px solid transparent}
.anim-link:hover,.anim-link:focus-visible{background:white;border-color:#daddE4;outline:none}
.anim-link b{display:block;margin-bottom:4px}
.anim-link span{color:#73767d}
.mega-empty{padding:40px 18px;color:#72757b;font-size:13px;line-height:1.6}

@media(max-width:900px){
  .mega{top:125px;grid-template-columns:150px 1fr}
  .mega-col:nth-child(3){grid-column:1/-1;border-top:1px solid #ddd}
}
@media(max-width:640px){
  .mega{position:fixed;top:92px;bottom:12px;grid-template-columns:1fr;width:calc(100vw - 20px);overflow:auto}
  .mega-col{border-right:0;border-bottom:1px solid #ddd}
  .mega-list{grid-template-columns:1fr 1fr}
  .anim-list{grid-template-columns:1fr}
}

.mega{background-color:color-mix(in srgb,#c8c8c8 12%,transparent);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 10%,transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,#fff 90%,transparent),inset -2px -2px 0 -2px color-mix(in srgb,#fff 80%,transparent),inset -.3px -1px 4px rgba(0,0,0,.12),inset 0 3px 4px -2px rgba(0,0,0,.16),0 1px 5px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.09)}
.mega{background:rgba(254,254,254,.42);backdrop-filter:blur(24px) saturate(112%);-webkit-backdrop-filter:blur(24px) saturate(112%);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 1.5px 2px 0 -1px rgba(255,255,255,.90),inset -1px -1px 0 rgba(255,255,255,.58),inset 0 -2px 5px rgba(0,0,0,.06),0 24px 70px rgba(0,0,0,.13)}
.mega{font-family:"Roboto Condensed Local","Arial Narrow",sans-serif}
.mega{font-family:"Studio Arial Narrow","Arial Narrow",sans-serif}
.anim-link span{display:block;color:#666;font-size:11px;line-height:1.22}
.anim-link small{display:block;margin-top:7px;font:400 10px/1 "Studio Arial Narrow","Arial Narrow",sans-serif;text-transform:uppercase}
.mega{top:62px;transform:translate(-50%,-8px);transition-duration:.2s;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.68);backdrop-filter:blur(34px) saturate(145%) contrast(105%);-webkit-backdrop-filter:blur(34px) saturate(145%) contrast(105%);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 1px 0 0 rgba(255,255,255,.72),inset -1px 0 0 rgba(255,255,255,.44),inset 0 -1px 0 rgba(255,255,255,.52),inset 0 -10px 28px rgba(255,255,255,.12),0 26px 72px rgba(15,20,28,.14),0 2px 8px rgba(15,20,28,.06)}
.mega:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(132deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.10) 22%,transparent 43%,rgba(255,255,255,.08) 67%,rgba(255,255,255,.26) 100%)}
.mega-col{position:relative;z-index:1;border-color:rgba(35,40,48,.09)}
.mega,.mega button,.mega a{font-family:"Helvetica Neue",Arial,sans-serif}
.mega-label{font:500 10px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.11em;color:rgba(20,22,26,.54)}
.mega-item{border:1px solid transparent}
.mega-item span:first-child,.mega-item:hover span:first-child,.mega-item.active span:first-child,.mega-item:focus-visible span:first-child{font:400 13px/1.12 "Helvetica Neue",Arial,sans-serif;font-style:normal;letter-spacing:-.018em;text-transform:none}
.mega-item:hover,.mega-item.active,.mega-item:focus-visible{background:rgba(255,255,255,.30);border-color:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 5px 18px rgba(25,30,38,.06)}
.anim-link{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.anim-link:hover,.anim-link:focus-visible{background:rgba(255,255,255,.38);border-color:rgba(255,255,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 22px rgba(25,30,38,.07)}
.anim-link b{display:block;margin-bottom:5px;font:500 14px/1.12 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.018em;text-transform:none}
.anim-link span{font-family:"Helvetica Neue",Arial,sans-serif}
.mega{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(160%) contrast(108%);-webkit-backdrop-filter:blur(18px) saturate(160%) contrast(108%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.60),inset -1px 0 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.38),inset 0 0 34px rgba(255,255,255,.055),0 28px 76px rgba(15,20,28,.12),0 2px 7px rgba(15,20,28,.05)}
.mega:before{background:linear-gradient(132deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.035) 24%,transparent 46%,rgba(255,255,255,.025) 68%,rgba(255,255,255,.12) 100%)}
.mega:after{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:20px;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 0 22px rgba(255,255,255,.045)}
.mega-item:hover,.mega-item.active,.mega-item:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 5px 18px rgba(25,30,38,.045)}
.anim-link{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.26)}
.anim-link:hover,.anim-link:focus-visible{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 8px 22px rgba(25,30,38,.055)}
.mega-item.locked{opacity:.46;cursor:not-allowed}
.mega-item.locked:hover{background:transparent;border-color:transparent;box-shadow:none}
.mega-item.locked span:first-child{font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;font-style:normal;text-transform:none}
.lock-icon{width:10px;height:10px;flex:none}

.nav-popover{position:relative;display:flex}
.games-menu{position:absolute;top:25px;left:50%;width:285px;padding:8px;display:grid;gap:3px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px);transition:opacity .16s ease,transform .16s ease,visibility .16s;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:rgba(255,255,255,.075);backdrop-filter:blur(18px) saturate(165%) contrast(108%);-webkit-backdrop-filter:blur(18px) saturate(165%) contrast(108%);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 1px 0 0 rgba(255,255,255,.55),inset -1px 0 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.34),0 22px 55px rgba(15,20,28,.13)}
.nav-popover:hover .games-menu,.nav-popover:focus-within .games-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-popover.is-open .games-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-popover.is-closing .games-menu{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px)}
.games-menu:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 36%,rgba(255,255,255,.08))}
.games-menu a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid transparent;border-radius:11px;text-transform:none;font:400 13px/1.1 "Helvetica Neue",Arial,sans-serif;transition:.16s}
.games-menu a:hover,.games-menu a:focus-visible{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.58);outline:none}
.game-name{display:grid;gap:3px}
.game-name small{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:rgba(20,22,26,.5)}
.game-lock{width:10px;height:10px;opacity:.52}
.games-menu a.locked{opacity:.58}

.mega,.games-menu{border:0;background-color:color-mix(in srgb,var(--lg-glass) 12%,transparent);background-image:none;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-light) 10%,transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--lg-light) 90%,transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--lg-light) 80%,transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--lg-dark) 12%,transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--lg-dark) 20%,transparent),0 18px 44px 0 color-mix(in srgb,var(--lg-dark) 22%,transparent)}
.mega:before,.mega:after,.games-menu:before{display:none}
.mega-item:hover,.mega-item.active,.mega-item:focus-visible,.games-menu a:hover,.games-menu a:focus-visible{background-color:color-mix(in srgb,var(--lg-glass) 12%,transparent);border-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-light) 10%,transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--lg-light) 72%,transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--lg-dark) 10%,transparent),0 5px 18px color-mix(in srgb,var(--lg-dark) 7%,transparent)}
.anim-link{background-color:color-mix(in srgb,var(--lg-glass) 8%,transparent);border-color:transparent}
.anim-link:hover,.anim-link:focus-visible{background-color:color-mix(in srgb,var(--lg-glass) 12%,transparent);border-color:transparent}
.nav-popover:after{content:"";position:absolute;z-index:1;left:-18px;right:-18px;top:100%;height:14px}
.games-menu{z-index:2;top:calc(100% + 6px)}
.nav .nav-popover>a{position:relative;padding:4px 0}
.nav .nav-popover>a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#111;transition:right .25s}
.nav .nav-popover>a:hover:after,.nav .nav-popover>a:focus-visible:after{right:0}
.mega a,.games-menu a{color:inherit;text-decoration:none}

.anim-link[data-kind="course"]{background:color-mix(in srgb,#c9b8e5 10%,rgba(255,255,255,.16))}
.anim-link[data-kind="quiz"]{background:color-mix(in srgb,#b8d8ee 12%,rgba(255,255,255,.16))}

/* Les pages compte/QCM chargent les styles de workspace. Leur règle générique
   sur les sections, boutons et liens ne doit jamais déformer le mega-menu
   canonique de l'index. */
body.aether-workspace .aether-global-header section.mega{
  padding:12px!important;
  border:0!important;
  border-radius:22px!important;
  background-color:color-mix(in srgb,var(--lg-glass) 12%,transparent)!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-light) 10%,transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--lg-light) 90%,transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--lg-light) 80%,transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--lg-dark) 12%,transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--lg-dark) 20%,transparent),0 18px 44px 0 color-mix(in srgb,var(--lg-dark) 22%,transparent)!important;
  backdrop-filter:blur(18px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(180%)!important;
}
body.aether-workspace .aether-global-header .mega button.mega-item{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:inherit!important;
  font:400 13px/1.12 "Helvetica Neue",Arial,sans-serif!important;
  text-align:left!important;
  white-space:normal!important;
  transform:none!important;
}
body.aether-workspace .aether-global-header .mega button.mega-item:is(:hover,:focus-visible,.active){
  background-color:color-mix(in srgb,var(--lg-glass) 12%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-light) 10%,transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--lg-light) 72%,transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--lg-dark) 10%,transparent),0 5px 18px color-mix(in srgb,var(--lg-dark) 7%,transparent)!important;
}
body.aether-workspace .aether-global-header .mega .anim-link{
  display:block!important;
  align-items:initial!important;
  min-height:0!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background-color:color-mix(in srgb,var(--lg-glass) 8%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-light) 8%,transparent)!important;
  color:inherit!important;
  font:400 12px/1.35 "Helvetica Neue",Arial,sans-serif!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}
body.aether-workspace .aether-global-header .mega .anim-link:is(:hover,:focus-visible){
  background-color:color-mix(in srgb,var(--lg-glass) 12%,transparent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lg-light) 10%,transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--lg-light) 72%,transparent),0 5px 18px color-mix(in srgb,var(--lg-dark) 7%,transparent)!important;
}
body.aether-workspace .aether-global-header .mega .anim-link :is(b,span,small){
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
}

@media(max-width:1180px) and (min-width:901px){
  .aether-global-header__inner{grid-template-columns:270px minmax(0,1fr) 190px}
  .aether-global-nav{gap:16px!important;font-size:10px!important}
  .aether-global-tools{gap:12px!important;font-size:10px!important}
  .aether-global-brand-copy small{font-size:10px!important}
}

@media(max-width:900px){
  .aether-global-header{
    height:86px!important;
    min-height:86px!important;
    overflow:visible!important;
  }
  .aether-global-header__inner{
    width:max-content;
    min-width:715px;
    height:86px;
    padding:22px 14px 0;
    grid-template-columns:170px max-content 180px;
    column-gap:16px;
  }
  .aether-global-brand{gap:10px!important}
  .aether-global-brand-mark{width:31px;height:31px;flex-basis:31px}
  .aether-global-brand-copy strong{font-size:38px!important}
  .aether-global-brand-copy small{font-size:9px!important}
  .aether-global-nav{
    grid-row:1;
    grid-column:2;
    justify-self:start;
    gap:clamp(9px,1.5vw,20px)!important;
    transform:translateY(-9px)!important;
    font-size:10px!important;
  }
  .aether-global-tools{
    grid-row:1;
    grid-column:3;
    justify-self:end;
    gap:10px!important;
    transform:translateY(-9px)!important;
    font-size:10px!important;
  }
  .mega{top:62px;grid-template-columns:150px 245px 1fr}
  .mega-col:nth-child(3){grid-column:auto;border-top:0}
}

@media(max-width:640px){
  .aether-global-header{
    overflow-x:auto!important;
    overflow-y:visible!important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .aether-global-header::-webkit-scrollbar{display:none}
  .aether-global-header__inner{
    min-width:700px;
    padding-top:21px;
  }
  .aether-global-nav{gap:16px!important}
  .mega{position:fixed;top:82px;bottom:12px;width:calc(100vw - 20px);grid-template-columns:1fr;overflow:auto;transform:translate(-50%,-8px)}
  .mega.ready{transform:translate(-50%,0)}
  .mega-col:nth-child(3){grid-column:auto;border-top:1px solid #ddd}
}

@media(prefers-reduced-motion:reduce){
  .aether-global-brand-mark .nucleus{animation:none!important}
  .aether-global-brand-mark .electron{display:none}
  .aether-global-nav > :is(a,button)::after,
  .aether-global-nav > .nav-popover > a::after,
  .aether-global-tools a::after,
  .mega,
  .mega-item,
  .anim-link,
  .games-menu,
  .games-menu a{transition:none!important}
}

/* Keep the original visible navigation; no added mobile dropdown. */
@media(min-width:901px) and (max-width:1250px){.aether-global-header__inner{grid-template-columns:minmax(210px,1fr) auto!important;row-gap:8px}.aether-global-tools{grid-column:2;grid-row:2;flex-wrap:wrap;justify-content:flex-end}.aether-global-header{min-height:116px!important;height:auto!important}}
@media(max-width:900px){
.aether-global-header{height:auto!important;min-height:130px!important;overflow:visible!important}
.aether-global-header__inner{width:100%!important;min-width:0!important;height:auto!important;grid-template-columns:1fr!important;padding:18px 16px 10px;gap:12px}
.aether-global-brand{grid-column:1;grid-row:1}.aether-global-brand-copy small{white-space:normal!important}
.aether-global-nav{grid-column:1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap;transform:none!important;gap:10px 18px!important;justify-self:start!important}
.aether-global-tools{grid-column:1!important;grid-row:3!important;justify-self:start!important;transform:none!important;flex-wrap:wrap}
.aether-global-nav a{min-height:32px;align-content:center}.aether-global-paris{display:none!important}.mega{top:160px!important}
}
/* Account and UTC always occupy the upper-right corner. */
@media(max-width:900px){
.aether-global-header__inner{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:14px 8px!important}
.aether-global-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
.aether-global-brand-copy strong{font-size:34px!important}.aether-global-brand-copy small{max-width:155px;font-size:7px!important;line-height:1.3!important}
.aether-global-brand-mark{width:24px!important;height:24px!important}
.aether-global-tools,body.aether-has-mobile-tabs .aether-global-tools{grid-column:2!important;grid-row:1!important;justify-self:end!important;display:flex!important;flex-direction:column;align-items:flex-end!important;gap:7px!important;margin:0!important;font-size:10px!important}
.aether-global-paris{display:inline-flex!important;font-size:10px!important;white-space:nowrap}
.aether-global-nav{grid-column:1/-1!important;grid-row:2!important}
.aether-global-tools .aether-session-actions{display:none}
}
@media(min-width:901px) and (max-width:1250px){
.aether-global-header__inner{grid-template-columns:minmax(210px,1fr) auto!important}
.aether-global-tools{grid-column:2!important;grid-row:1!important;justify-self:end!important}
.aether-global-nav{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important}
}

/* One header renderer for public pages and scientific activities. */
.aether-global-tools .aether-session-actions{font:inherit;line-height:inherit;align-items:flex-start;gap:16px}
.aether-global-tools .aether-session-actions [role="status"]:empty{display:none}
body.aether-unified .aether-science-header{position:fixed!important;top:0;left:0;right:0;z-index:1000;transition:opacity .24s,transform .24s}
body.aether-unified .aether-science-header.mq-hidden{opacity:0;transform:translateY(-100%);pointer-events:none}
.aether-science-header .mq-banner-chapter{display:none!important}
@media(prefers-reduced-motion:reduce){body.aether-unified .aether-science-header{transition:none}}

/* Session actions keep their place when the account is connected. */
.aether-global-tools .aether-session-actions{flex-wrap:nowrap;align-items:center!important}
.aether-global-tools .aether-session-actions button{font:inherit!important;line-height:1!important;letter-spacing:inherit!important;text-transform:uppercase!important;min-height:36px!important;padding:8px 12px!important;margin:0!important;width:auto!important;white-space:nowrap;background:linear-gradient(135deg,#ffffff70,#dce8ed30)!important;box-shadow:var(--aether-glass-shadow)!important;transform:none!important}
html[data-auth-role] .aether-global-tools{align-items:center!important}
@media(min-width:901px) and (max-width:1450px){
html[data-auth-role] .aether-global-header{height:auto!important;min-height:128px!important}
html[data-auth-role] .aether-global-header__inner{height:auto!important;min-height:128px!important;grid-template-columns:minmax(210px,1fr) auto!important;row-gap:8px}
html[data-auth-role] .aether-global-brand{grid-column:1;grid-row:1}
html[data-auth-role] .aether-global-tools{grid-column:2!important;grid-row:1!important;justify-self:end!important;transform:none!important}
html[data-auth-role] .aether-global-nav{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important}
}
@media(min-width:1451px){html[data-auth-role] .aether-global-header__inner{grid-template-columns:330px minmax(0,1fr) max-content!important}}
.account-journey.aether-workspace main{margin-top:45px!important}
@media(max-width:900px){
html[data-auth-role] .aether-global-tools .aether-session-actions{display:inline-flex!important;gap:8px!important;font:inherit!important}
html[data-auth-role] .aether-global-tools .aether-session-actions button{min-height:44px!important;padding:8px!important;font-size:9px!important}
html[data-auth-role] .aether-global-header,html[data-auth-role] .aether-global-header__inner{height:auto!important;min-height:154px!important}
}

/* Shared account controls: identical geometry across public and science pages. */
.aether-global-tools .aether-session-actions button{
  border:1px solid #fff9!important;border-radius:999px!important;min-height:44px!important;
  padding:10px 16px!important;color:inherit!important;cursor:pointer;
  box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #61768024,0 3px 10px #2439440b!important;
  transition:background .2s,box-shadow .2s!important;
}
.aether-global-tools .aether-session-actions button:hover{background:#fff9!important;box-shadow:inset 0 1px 1px #fff,0 4px 14px #24394414!important}
.aether-global-tools .aether-session-actions button:focus-visible{outline:2px solid #466774;outline-offset:3px}
.aether-global-tools a{display:inline-flex!important;align-items:center;min-height:44px!important}
.aether-global-tools .aether-global-paris{align-self:center}
@media(max-width:900px){
  .aether-global-header__inner{gap:12px 8px!important;padding:18px 16px 8px!important}
  .aether-global-tools{gap:0!important}
  .aether-global-paris{min-height:20px}
  .aether-global-tools .aether-session-actions{display:inline-flex!important;gap:10px!important}
  .aether-global-tools .aether-session-actions button{font-size:10px!important;padding:8px 12px!important}
  .aether-global-nav{display:flex!important;justify-content:space-between!important;flex-wrap:nowrap!important;width:100%!important;gap:0 8px!important;font-size:11px!important}
  .aether-global-nav>a{display:flex!important;align-items:center;justify-content:center;min-height:44px!important;white-space:nowrap!important;text-align:center;line-height:1.2!important}
  .aether-global-tools .aether-session-actions [role="status"]{position:absolute;right:0;top:100%;white-space:normal;background:var(--aether-header-paper);padding:8px;max-width:280px}
}
@media(prefers-reduced-motion:reduce){.aether-global-tools .aether-session-actions button{transition:none!important}}

/* One shared baseline for the desktop navigation and account links. */
@media(min-width:1251px){
 .aether-global-header__inner{grid-template-columns:330px minmax(0,1fr) max-content!important;align-items:start!important;column-gap:24px!important}
 .aether-global-nav,.aether-global-tools{align-self:start!important;align-items:center!important;transform:none!important;margin-top:0!important;min-height:44px!important}
 .aether-global-nav{gap:clamp(18px,2.1vw,40px)!important}
 .aether-global-nav>a,.aether-global-nav>.nav-popover>a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding-block:0!important}
 .aether-global-tools{gap:18px!important}
}
@media(min-width:901px) and (max-width:1250px){
 .aether-global-header__inner{grid-template-columns:minmax(0,1fr) max-content!important;row-gap:8px!important;align-items:start!important}
 .aether-global-brand{grid-row:1!important;grid-column:1/-1!important}
 .aether-global-nav{grid-row:2!important;grid-column:1!important;justify-self:start!important;gap:18px!important;transform:none!important}
 .aether-global-tools{grid-row:2!important;grid-column:2!important;transform:none!important;gap:14px!important}
 .aether-global-nav,.aether-global-tools{min-height:44px!important;align-items:center!important;align-self:start!important}
 .aether-global-nav>a,.aether-global-nav>.nav-popover>a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding-block:0!important}
}
@media(min-width:1251px){
 html[data-auth-role] .aether-global-header__inner{grid-template-columns:330px minmax(0,1fr) max-content!important}
 html[data-auth-role] .aether-global-brand{grid-row:1!important;grid-column:1!important}
 html[data-auth-role] .aether-global-nav{grid-row:1!important;grid-column:2!important}
 html[data-auth-role] .aether-global-tools{grid-row:1!important;grid-column:3!important}
}
@media(min-width:901px) and (max-width:1250px){
 .aether-global-header,.aether-global-header__inner{height:auto!important;min-height:144px!important}
}

@media(min-width:901px) and (max-width:1250px){
 html[data-auth-role] .aether-global-brand{grid-row:1!important;grid-column:1/-1!important}
 html[data-auth-role] .aether-global-nav{grid-row:2!important;grid-column:1!important;justify-self:start!important}
 html[data-auth-role] .aether-global-tools{grid-row:2!important;grid-column:2!important}
}

/* Canonical responsive header: only the navigation row may scroll horizontally. */
@media(max-width:900px){
  .aether-global-header,html[data-auth-role] .aether-global-header{
    width:100%!important;height:auto!important;min-height:0!important;
    overflow-x:clip!important;overflow-y:visible!important;
  }
  .aether-global-header__inner,html[data-auth-role] .aether-global-header__inner{
    width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:16px clamp(16px,3vw,28px) 8px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:auto auto!important;
    align-items:start!important;gap:7px 18px!important;
  }
  .aether-global-brand,html[data-auth-role] .aether-global-brand{
    grid-column:1!important;grid-row:1!important;align-self:start!important;max-width:100%!important;
  }
  .aether-global-brand-copy small{white-space:normal!important}
  .aether-global-tools,body.aether-has-mobile-tabs .aether-global-tools,html[data-auth-role] .aether-global-tools{
    position:relative!important;grid-column:2!important;grid-row:1!important;align-self:start!important;justify-self:end!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;
    flex-wrap:nowrap!important;gap:14px!important;max-width:none!important;min-height:36px!important;margin:0!important;transform:none!important;
  }
  .aether-global-tools>a,.aether-global-tools .aether-global-paris{min-height:36px!important;padding-block:0!important}
  .aether-global-tools .aether-session-actions{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:8px!important}
  .aether-global-nav,html[data-auth-role] .aether-global-nav{
    grid-column:1/-1!important;grid-row:2!important;justify-self:stretch!important;
    width:100%!important;min-width:0!important;max-width:100%!important;min-height:42px!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:clamp(16px,3.4vw,28px)!important;
    overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-x:contain;scrollbar-width:none;transform:none!important;
  }
  .aether-global-nav::-webkit-scrollbar{display:none}
  .aether-global-nav>a,.aether-global-nav>.nav-popover>a{min-height:40px!important;flex:0 0 auto!important}
  .mega{top:112px!important}
}

@media(max-width:560px){
  .aether-global-header__inner,html[data-auth-role] .aether-global-header__inner{padding:12px 14px 6px!important;gap:5px 8px!important}
  .aether-global-brand{gap:8px!important}
  .aether-global-brand-mark{width:24px!important;height:24px!important;flex-basis:24px!important}
  .aether-global-brand-copy strong{font-size:32px!important;line-height:.82!important}
  .aether-global-brand-copy small{max-width:145px!important;margin-top:5px!important;font-size:7px!important;line-height:1.2!important}
  .aether-global-tools,body.aether-has-mobile-tabs .aether-global-tools,html[data-auth-role] .aether-global-tools{
    flex-direction:column!important;align-items:flex-end!important;gap:0!important;min-height:0!important;font-size:9px!important;
  }
  .aether-global-tools>a,.aether-global-tools .aether-global-paris{min-height:27px!important;padding:0!important}
  .aether-global-tools .aether-session-actions{gap:4px!important}
  .aether-global-tools .aether-session-actions button{min-height:30px!important;padding:5px 8px!important;font-size:8px!important}
  .aether-global-nav,html[data-auth-role] .aether-global-nav{justify-content:flex-start!important;gap:18px!important;min-height:39px!important;font-size:10px!important}
  .aether-global-nav>a,.aether-global-nav>.nav-popover>a{min-height:38px!important}
  .mega{top:124px!important}
}

/* Anchor the panel to actual header geometry, including fonts, account tools and zoom. */
.aether-global-header .mega[style*="--aether-menu-top"]{
  top:var(--aether-menu-top)!important;
  max-height:var(--aether-menu-max-height)!important;
  min-height:min(390px,var(--aether-menu-max-height))!important;
  overflow-y:auto!important;
}