/* Shared primary menu for all five active pages. Keep the links visible at every width. */
.channel-header .gesn-brand-logo {
  width:240px;
}
.channel-header > .brand {
  display:flex;
  align-items:center;
  min-height:44px;
}
.channel-header > :is(.edition, .brand-edition) {
  position:static;
  transform:none;
  margin:0 auto;
  white-space:nowrap;
}
@media (min-width:801px) and (max-width:1100px) {
  body .channel-header {gap:18px}
  .channel-header .gesn-brand-logo {width:224px}
  .channel-header > :is(.edition, .brand-edition) {display:none}
}
.channel-header .channel-nav {
  display:flex;
  align-items:center;
  gap:25px;
  margin-left:auto;
  font:12px/1.4 var(--sans, Arial, sans-serif);
}
.channel-header .channel-nav > a {
  display:flex;
  align-items:center;
  position:relative;
  min-height:44px;
  padding:10px 0;
  border:0;
  box-shadow:none;
  color:var(--ink, #053220);
  font:inherit;
  text-decoration:none;
  white-space:nowrap;
}
.channel-header .channel-nav > a[aria-current=page]::after {
  content:"";
  position:absolute;
  right:0;
  bottom:5px;
  left:0;
  height:1px;
  background:var(--gold, #a99160);
}
.channel-header .channel-nav > a:hover {
  color:var(--moss, #72865e);
}
.channel-header .channel-nav > a:focus-visible {
  outline:2px solid var(--gold, #a99160);
  outline-offset:3px;
}

@media (max-width:800px) {
  body .channel-header {
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:4px 14px;
    min-height:0;
    padding:12px 0 6px;
  }
  .channel-header > .brand {
    grid-column:1;
    grid-row:1;
    min-width:0;
    width:100%;
  }
  body .design-header.channel-header {
    padding-right:22px;
    padding-left:22px;
  }
  .channel-header > :is(.edition, .brand-edition) {
    display:none;
  }
  .channel-header > .language-switch {
    grid-column:2;
    grid-row:1;
    justify-self:end;
    margin-left:0;
  }
  body .channel-header .channel-nav {
    grid-column:1 / -1;
    grid-row:2;
    justify-content:space-between;
    gap:12px;
    width:100%;
    margin:0;
    border-top:1px solid var(--line, #d8d3c8);
    font-size:12px;
  }
  .model-workspace {
    grid-template-rows:auto 54px minmax(0, 1fr) 80px;
  }
}
@media (max-width:800px) {
  .channel-header .gesn-brand-logo {
    width:196px;
  }
}
@media (max-width:740px) {
  .model-workspace {
    grid-template-rows:auto 54px minmax(0, 1fr) 108px;
  }
}
