@media screen and (min-width: 40em) {
  :root {
    --gutter: 1.25rem;
  }

  .header--desktop {
    display: flex;
  }

  .header--site,
  .header--site * {
    /* Visually hide */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .header--panel {
    display: block;
  }

  nav {
    width: 100%;
  }

  .panel:last-child {
    display: block;
  }

  .home,
  .home body,
  .home main {
    height: 100%;
    overflow: hidden;
  }

  .panel--profile .section--footer {
    width: 100%;
  }

  .home main {
    display: flex;
  }

  .panel {
    width: 100%;
  }

  .panel--profile,
  .panel--blocks {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .activity {
    align-items: baseline;
    display: flex;
  }

  .activity__time {
    min-width: 5.125rem;
  }

  body > footer {
    display: flex;
  }

  body footer section {
    width: 100%;
  }

  .is-tabbing .has-panels .header--site {
    left: 0;
    position: sticky !important;
    right: 0;
    top: 0;
  }

  .is-tabbing .panel--blocks {
    background-color: var(--color-white);
  }

  .is-tabbing .block__link {
    border: 1px solid var(--color-grey);
  }

  .is-tabbing .block__link:hover,
  .is-tabbing .block__link:focus {
    border: 1px solid var(--color-1);
  }
}

@media screen and (min-width: 55em) {
  .home .panel--profile footer {
    display: flex;
  }
}