.container--planetary {
  max-width: 1120px;
}

.planetary-intro .eyebrow {
  color: #5e4b9d;
}

.planetary-panel,
.planetary-next,
.planetary-results-panel,
.planetary-accuracy {
  margin-top: 1.25rem;
}

.planetary-form,
.planetary-field,
.planetary-next__content,
.planetary-card,
.planetary-card__details,
.planetary-card__details div {
  min-width: 0;
}

.planetary-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.planetary-field {
  display: grid;
  gap: 0.45rem;
}

.planetary-field label {
  font-weight: 700;
}

.planetary-field input,
.planetary-field select {
  width: 100%;
}

.planetary-quick,
.planetary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1rem;
}

.planetary-error,
.planetary-copy-status {
  min-height: 1.5em;
  margin: 0.75rem 0 0;
}

.planetary-error {
  color: #a12b24;
  font-weight: 700;
}

.planetary-next__content {
  display: grid;
  gap: 0.35rem;
  padding: 1rem;
  border: 1px solid #b9afe1;
  border-radius: 0.8rem;
  background: #f6f3ff;
  overflow-wrap: anywhere;
}

.planetary-next__content strong {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.planetary-results-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.planetary-results-header p {
  margin: 0;
  font-weight: 700;
}

.planetary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.planetary-card {
  padding: 1rem;
  border: 1px solid #d8e1df;
  border-radius: 0.9rem;
  background: #fff;
  overflow-wrap: anywhere;
}

.planetary-card h3,
.planetary-card p {
  margin-top: 0;
}

.planetary-card__badge {
  display: inline-block;
  margin-bottom: 0.8rem;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  background: #ede9ff;
  color: #49357f;
  font-weight: 800;
}

.planetary-card__badge--greatest-elongation { background: #fff3cc; color: #765900; }
.planetary-card__badge--solar-conjunction { background: #ffeadf; color: #864323; }
.planetary-card__badge--opposition { background: #e6f1ff; color: #285a8d; }
.planetary-card__badge--planet-conjunction { background: #e8f4f1; color: #155b53; }

.planetary-card__details {
  display: grid;
  gap: 0;
  margin: 0;
}

.planetary-card__details div {
  display: grid;
  grid-template-columns: minmax(7rem, 0.7fr) minmax(0, 1.3fr);
  gap: 0.75rem;
  padding: 0.55rem 0;
  border-top: 1px solid #e7eceb;
}

.planetary-card__details dt {
  color: #53615f;
  font-weight: 700;
}

.planetary-card__details dd {
  margin: 0;
  font-weight: 700;
}

.planetary-empty {
  grid-column: 1 / -1;
  padding: 1rem;
  border: 1px dashed #aab6b4;
  border-radius: 0.8rem;
  background: #f7faf9;
}

.planetary-accuracy h2 {
  margin-top: 0;
}

.planetary-article a,
.planetary-attribution {
  overflow-wrap: anywhere;
}

.planetary-attribution {
  font-weight: 700;
}

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

@media (max-width: 640px) {
  .planetary-card__details div {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }

  .planetary-actions .button,
  .planetary-quick .button {
    flex: 1 1 calc(50% - 0.65rem);
  }
}