.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 520px) {
  .brand {
    font-size: 19px;
  }

  .logo {
    margin-right: 8px;
    font-size: 22px;
  }

  .header-actions {
    gap: 6px;
  }

  .header-actions .download {
    padding: 7px 9px;
    font-size: 12px;
  }
}

@media (min-width: 1001px) {
  .workspace {
    max-width: 1280px;
    padding-inline: 36px;
  }

  .topbar {
    height: 82px;
  }

  .shell {
    grid-template-columns: 270px 1fr;
    min-height: 660px;
  }

  aside {
    padding: 26px 15px;
  }

  .profile {
    padding-bottom: 24px;
  }

  .aside-bottom p {
    padding-inline: 6px;
    white-space: nowrap;
  }

  .terminal-body {
    padding: 22px 28px 18px;
  }

  #output {
    min-height: 350px;
    padding-block: 18px 24px;
  }

  .role {
    margin-bottom: 17px;
  }

  .intro {
    line-height: 1.75;
  }

  .tags {
    margin-top: 18px;
  }

  .metrics {
    margin-top: 24px;
    padding-block: 15px;
  }

  .metric strong {
    font-size: 22px;
  }

  .next {
    margin-top: 20px;
  }
}