/* Landing is the source for navigation typography, spacing and mobile wrapping. */
:is(.landing-page,.account-page) .header-navigation {
  display:flex;align-items:center;gap:clamp(.2rem,1vw,1rem);
  font-size:.66rem;line-height:normal;font-weight:400;color:#bbb;
}
:is(.landing-page,.account-page) .header-navigation a {
  padding:.6rem .65rem;border-bottom:1px solid transparent;text-decoration:none;
}
:is(.landing-page,.account-page) .header-navigation a:is(:hover,[aria-current="page"]) {
  background:none;border-color:#aaa;color:#eee;
}
.account-page > .site-header > .header-navigation {grid-column:2;grid-row:1}
.account-page > .site-header > .account-open-editor {grid-column:3;grid-row:1}
@media(max-width:68rem) {
  .account-page > .site-header {grid-template-columns:minmax(0,1fr) auto;row-gap:0;padding-block:.25rem}
  :is(.landing-page,.account-page) .header-navigation {
    display:flex;order:3;width:100%;justify-content:space-between;gap:.35rem;font-size:.62rem;
  }
  :is(.landing-page,.account-page) .header-navigation a {padding:.5rem .2rem;white-space:nowrap}
  .account-page > .site-header > .header-navigation {grid-column:1/-1;grid-row:2}
  .account-page > .site-header > .account-open-editor {grid-column:2;grid-row:1}
}