.readiness {
  grid-template-columns: minmax(0, 1fr) minmax(230px, .72fr);
  gap: 28px;
}

.readiness.has-review {
  grid-template-columns: minmax(0, 1fr);
}

.readiness.has-review .readiness-list {
  display: none;
}

.readiness > div:first-child,
.readiness-list,
.readiness-list > div p {
  min-width: 0;
}

.readiness h2,
.readiness > div:first-child > p,
.readiness-list strong,
.readiness-list small {
  overflow-wrap: anywhere;
}

.review-row strong,
.review-row > span:last-child {
  font-size: .78rem;
  line-height: 1.35;
}

.review-row .status-chip { font-size: .7rem; }

.commentary-heading { align-items: flex-end; }
.commentary-heading > div { min-width: 0; }
.commentary-heading .overline { margin: 0 0 .35rem; }
.commentary-heading h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.commentary-card a,
.commentary-heading a {
  color: var(--green);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.schedule-row .schedule-remove,
:root[data-theme="dark"] .schedule-row .schedule-remove {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--danger);
}

.schedule-row .schedule-remove:hover {
  background: color-mix(in srgb, var(--danger) 12%, transparent) !important;
}

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

@media (max-width: 560px) {
  .commentary-heading { align-items: flex-start; gap: .5rem; }
  .commentary-heading > span { align-self: flex-start; }
}