.dashboard-header {
  margin-bottom: 18px;
}

.dashboard-shell {
  margin-top: 28px;
}

.dashboard-hero {
  padding: 34px;
}

.dashboard-hero h1 {
  margin-top: 12px;
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  line-height: 1;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.dashboard-card {
  padding: 28px;
}

.dashboard-card p {
  margin-top: 12px;
}

.dashboard-link {
  display: inline-flex;
  margin-top: 20px;
  text-decoration: none;
}

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