.assessment-heading {
  align-items: flex-end;
}

.assessment-intro {
  margin-bottom: var(--amp-space-5);
}

.assessment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--amp-space-5);
}

.assessment-grid > *,
.assessment-card > *,
.assessment-card-top > *,
.assessment-card-footer > *,
.assessment-active-banner > *,
.assessment-history > *,
.assessment-history .dashboard-summary > * {
  min-width: 0;
  max-width: 100%;
}

.assessment-card {
  display: grid;
  gap: var(--amp-space-4);
  padding: var(--amp-space-6);
  align-content: start;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.assessment-card h3 {
  margin: 0;
  font-size: var(--amp-font-size-xl);
  overflow-wrap: anywhere;
}

.assessment-card .assessment-card-top {
  display: flex;
  justify-content: space-between;
  gap: var(--amp-space-3);
  align-items: flex-start;
  flex-wrap: wrap;
}

.assessment-rules {
  display: grid;
  gap: var(--amp-space-2);
  padding: 0;
  margin: 0;
  list-style: none;
}

.assessment-rules li {
  display: flex;
  gap: var(--amp-space-2);
  align-items: flex-start;
  min-width: 0;
  color: var(--amp-color-text-muted);
  overflow-wrap: anywhere;
}

.assessment-rules li::before {
  content: "•";
  flex: 0 0 auto;
  color: var(--amp-color-primary);
  font-weight: 700;
}

.assessment-card-footer {
  margin-top: auto;
  display: flex;
  gap: var(--amp-space-3);
  align-items: center;
  flex-wrap: wrap;
}

.assessment-card-footer .button-link {
  max-width: 100%;
  white-space: normal;
}

.assessment-history {
  margin-top: var(--amp-space-5);
  padding: var(--amp-space-6);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.assessment-history h2 {
  margin: 0 0 var(--amp-space-4);
  overflow-wrap: anywhere;
}

.assessment-history .dashboard-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--amp-space-3);
  margin-bottom: 0;
}

.assessment-history .stat {
  min-width: 0;
  max-width: 100%;
  padding: var(--amp-space-4);
  overflow: hidden;
}

.assessment-history .stat > * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.assessment-active-banner {
  margin-bottom: var(--amp-space-5);
  padding: var(--amp-space-5);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--amp-space-4);
  align-items: center;
  overflow: hidden;
}

.assessment-active-banner .button-link {
  max-width: 100%;
  white-space: normal;
}

@media (max-width: 820px) {
  .assessment-grid { grid-template-columns: 1fr; }
  .assessment-active-banner { grid-template-columns: 1fr; }
  .assessment-history .dashboard-summary { grid-template-columns: 1fr; }
  .assessment-active-banner .button-link,
  .assessment-card-footer .button-link { width: 100%; }
}

@media (max-width: 560px) {
  .assessment-card,
  .assessment-history,
  .assessment-active-banner {
    padding: var(--amp-space-4);
  }
}