.dashboard-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 18px;
  padding: 34px 0 70px;
}

.profile-card {
  position: sticky;
  top: calc(var(--nav-h) + 18px);
  align-self: start;
  padding: 22px;
}

.profile-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.download-btn {
  margin: 10px 0 16px;
  width: 100%;
  justify-content: center;
}

.nav-links > a[href="admin.html"]:not([data-admin-link]) {
  display: none !important;
}

.profile-head h1 {
  margin: 0 0 5px;
  font-size: 24px;
}

.meta-list {
  display: grid;
  gap: 13px;
}

.meta-item {
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 13px;
  background: rgba(0, 0, 0, .2);
}

.meta-item span {
  display: block;
  margin-bottom: 7px;
  color: var(--soft);
  font-size: 12px;
  text-transform: uppercase;
}

.content-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-card {
  padding: 22px;
}

.settings-card h2 {
  margin: 0 0 16px;
}

.settings-card form {
  display: grid;
  gap: 13px;
}

textarea.input {
  min-height: 128px;
  resize: vertical;
}

.wide {
  grid-column: 1 / -1;
}

@media (max-width: 920px) {
  .dashboard-layout {
    grid-template-columns: 1fr;
  }

  .profile-card {
    position: static;
  }
}

@media (max-width: 680px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
}