/* The additional app link moves the compact header menu to tablet widths. */
@media (min-width: 701px) and (max-width: 860px) {
  .menu-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    border: 0;
    padding: 10px 0;
    color: var(--ink);
    font-size: 11px;
  }
  .menu-toggle span { font-size: 19px; }
  #navigation {
    display: none;
    position: absolute;
    top: 101px;
    left: 0;
    right: 0;
    padding: 23px 6% 28px;
    background: #fcfbf8;
    box-shadow: 0 14px 20px #0002;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  #navigation.is-open { display: flex; }
  #navigation > a { padding: 16px 0; border-bottom: 1px solid var(--line); }
  #navigation .portal { margin-top: 19px; text-align: left; }
  #navigation .portal span { float: right; }
}