/* A mint panel with a title on the left and green-lined points on the right (text pages), as on faberpet.ro. */
.pbly .info-panel {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
  gap: var(--pbly-space-10) var(--pbly-space-20);
  padding: var(--pbly-space-10);
  border-radius: var(--pbly-radius-2xl);
  background: var(--pbly-color-palette-mint);
  color: var(--pbly-color-text-muted);
  font-weight: var(--pbly-font-weight-medium);
}

.pbly .info-panel__label,
.pbly .info-panel__content {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: var(--pbly-space-5);
}

.pbly .info-panel__title {
  color: var(--pbly-color-text-primary);
  font-size: var(--pbly-font-size-xl-plus);
  font-weight: var(--pbly-font-weight-bold);
  line-height: var(--pbly-font-line-height-snug);
}

.pbly .info-panel__items {
  display: grid;
  gap: var(--pbly-space-5);
  justify-self: stretch;
}

.pbly .info-panel__item {
  padding-left: var(--pbly-space-5);
  border-left: 2px solid var(--pbly-color-palette-leaf);
}

.pbly .info-panel__item p + p { margin-top: var(--pbly-space-3-5); }

/* Phones: the title above the points. */
@media (max-width: 47.9375rem) {
  .pbly .info-panel {
    grid-template-columns: minmax(0, 1fr);
    padding: var(--pbly-space-10) var(--pbly-space-5);
  }
}