.abc-moon-day-details {
  width: 100%;
  color: inherit;
  font: inherit;
}
.abc-moon-day-details__group {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 0 24px;
}
.abc-moon-day-details__group + .abc-moon-day-details__group {
  padding-top: 24px;
  border-top: 2px solid color-mix(in srgb, currentColor 34%, transparent);
}
.abc-moon-day-details__group:last-child { padding-bottom: 0; }
.abc-moon-day-details__row {
  display: grid;
  grid-template-columns: minmax(150px, 190px) 28px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 9px 0;
}
.abc-moon-day-details--separators .abc-moon-day-details__row + .abc-moon-day-details__row {
  border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent);
}
.abc-moon-day-details__label {
  font-weight: 650;
  line-height: 1.35;
}
.abc-moon-day-details__rating {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.4em;
  padding-top: .22em;
}
.abc-moon-day-details__dot {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.abc-moon-day-details__dot--good { background: #20c95a; }
.abc-moon-day-details__dot--neutral { background: #f0dc22; }
.abc-moon-day-details__dot--bad { background: #ff3030; }
.abc-moon-day-details__dot--mixed { background: linear-gradient(90deg, #f0dc22 0 50%, #ff3030 50% 100%); }
.abc-moon-day-details__dash { line-height: 1; opacity: .65; }
.abc-moon-day-details__text { min-width: 0; }
.abc-moon-day-details__text > :first-child { margin-top: 0; }
.abc-moon-day-details__text > :last-child { margin-bottom: 0; }
.abc-moon-day-details__text p { margin: 0 0 .7em; }
.abc-moon-day-details__admin-note {
  padding: 12px 14px;
  border: 1px dashed currentColor;
  opacity: .8;
}
@media (max-width: 620px) {
  .abc-moon-day-details__row {
    grid-template-columns: minmax(0, 1fr) 24px;
    gap: 5px 8px;
    padding: 11px 0;
  }
  .abc-moon-day-details__label { grid-column: 1; grid-row: 1; }
  .abc-moon-day-details__rating { grid-column: 2; grid-row: 1; justify-content: flex-end; }
  .abc-moon-day-details__text { grid-column: 1 / -1; grid-row: 2; }
}