/* Detail page summary layout adjustments. */
.npm-property-summary-item {
  grid-template-columns: 4em minmax(0, 1fr);
  gap: 10px;
  min-height: 48px;
}

@media (max-width: 1199px) {
  .npm-property-summary-item {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 4px !important;
    text-align: left !important;
  }

  .npm-property-summary-item > * {
    width: 100%;
    min-width: 0;
    margin: 0;
    text-align: left !important;
  }
}

/* 項目名が長いと値に重なるため、項目名の幅を最長ラベルに合わせる
   （物件概要：「引渡/入居時期」、要約：「入居可能日」）
   列幅は項目名（dt）自身の文字サイズ基準で固定し、行ごとの揃えも保つ */
@media (min-width: 1200px) {
  .npm-property-overview .npm-property-summary-item,
  .npm-property-detail__summary .npm-property-summary-item:not(.npm-property-summary-item--stack) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .npm-property-overview .npm-property-summary-item dt {
    width: 7.5em;
    min-width: 7.5em;
  }

  .npm-property-detail__summary .npm-property-summary-item:not(.npm-property-summary-item--stack) dt {
    width: 5.5em;
    min-width: 5.5em;
  }
}