.dashboardHeading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-8);
}

.dashboardIntro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--space-8);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.dashboardIntro h1 {
  max-width: 18ch;
}

.dashboardIntro__summary {
  max-width: 68ch;
  color: var(--color-text-muted);
}

.dashboardIntro__status,
.availabilityStatus {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-family: var(--font-data);
  font-size: 0.66rem;
  text-transform: uppercase;
}

.dashboardGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  border-left: 1px solid var(--color-border);
}

.dashboardGrid > section,
.dashboardGrid > aside {
  padding: var(--space-6);
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface);
}

.dashboardGrid .skillMap {
  grid-column: 1 / -1;
}

.dashboardGrid p {
  color: var(--color-text-muted);
}

.learningSequence {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: var(--space-5) 0 0;
  padding: 0;
  border-top: 1px solid var(--color-border);
  list-style: none;
}

.learningSequence li {
  display: grid;
  min-height: 132px;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-4);
  border-right: 1px solid var(--color-border);
}

.learningSequence li:last-child {
  border-right: 0;
}

.learningSequence__index {
  color: var(--color-signal);
  font-family: var(--font-data);
  font-size: 0.68rem;
}

.learningSequence li > span:last-child {
  color: var(--color-text-muted);
  font-size: 0.78rem;
}

.availabilityStatus span {
  width: 7px;
  height: 7px;
  background: var(--color-signal);
}

.dashboardHeading__copy p:last-child {
  max-width: 66ch;
}

.dashboardMetrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}

.dashboardMetric {
  min-height: 88px;
  padding: var(--space-4) var(--space-5);
  border-right: 1px solid var(--color-border);
}

.dashboardMetric:first-child {
  padding-left: 0;
}

.dashboardMetric:last-child {
  border-right: 0;
}

.dashboardMetric dt {
  color: var(--color-text-dim);
  font-family: var(--font-data);
  font-size: 0.63rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboardMetric dd {
  margin: var(--space-2) 0 0;
  font-size: 1.4rem;
  font-weight: 650;
}

.dashboardLayout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.65fr);
  gap: var(--space-10);
}

.academyRecommendation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  margin-bottom: var(--space-8);
  padding: var(--space-5);
  border-left: 3px solid var(--color-signal);
  background: var(--color-surface);
}

.academyRecommendation h2,
.academyRecommendation p {
  margin-bottom: var(--space-2);
}

.academyRecommendation > div > p:not(.sectionLabel, .metaText) {
  color: var(--color-text-muted);
}

.nextMission,
.progressSummary,
.skillGaps {
  border-top: 1px solid var(--color-border);
}

.nextMission {
  padding-top: var(--space-5);
}

.nextMission h2 {
  max-width: 24ch;
  font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.recommendationReason,
.nextMission > p {
  max-width: 66ch;
  color: var(--color-text-muted);
}

.progressSummary,
.skillGaps {
  padding-top: var(--space-4);
}

.progressSummary dl,
.skillGaps ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.progressSummary dl div,
.skillGaps li {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  border-bottom: 1px solid var(--color-border-subtle);
}

.progressSummary dt,
.skillGaps span {
  color: var(--color-text-muted);
  font-size: 0.78rem;
}

.progressSummary dd,
.skillGaps strong {
  margin: 0;
  font-family: var(--font-data);
  font-size: 0.72rem;
}

@media (max-width: 760px) {
  .dashboardIntro,
  .dashboardGrid {
    grid-template-columns: 1fr;
  }

  .academyRecommendation {
    align-items: start;
    flex-direction: column;
  }

  .dashboardIntro {
    align-items: start;
  }

  .dashboardGrid .skillMap {
    grid-column: 1;
  }

  .learningSequence {
    grid-template-columns: 1fr;
  }

  .learningSequence li {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .dashboardHeading {
    align-items: start;
    flex-direction: column;
  }

  .dashboardMetrics {
    grid-template-columns: 1fr 1fr;
  }

  .dashboardMetric:nth-child(2) {
    border-right: 0;
  }

  .dashboardLayout {
    grid-template-columns: 1fr;
  }
}