.brief-shape {
  max-width: 610px;
  margin-top: 64px;
}

.brief-shape h2 {
  margin: 0 0 24px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: var(--type-subheading-size);
  font-weight: var(--weight-emphasis);
  letter-spacing: var(--tracking-display);
  line-height: var(--type-subheading-line);
}

.brief-shape dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 34px;
  margin: 0;
}

.brief-shape dt {
  margin-bottom: 6px;
  color: #8f8f89;
  font-family: var(--sans);
  font-size: var(--type-meta-size);
  font-weight: var(--weight-interface);
  line-height: var(--type-meta-line);
}

.brief-shape dd {
  display: -webkit-box;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  color: #aaa9a3;
  font-size: var(--type-body-size);
  line-height: var(--type-body-line);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.brief-shape dd.has-value {
  color: var(--ink);
  font-weight: var(--weight-emphasis);
}

.brief-shape dd.brief-estimate {
  display: grid;
  gap: 3px;
  overflow: visible;
  font-weight: var(--weight-body);
  -webkit-box-orient: initial;
  -webkit-line-clamp: none;
}

.brief-estimate__part {
  display: block;
  min-width: 0;
}

.brief-estimate__tier,
.brief-estimate__price {
  color: var(--ink);
  font-weight: var(--weight-emphasis);
}

.brief-estimate__detail {
  color: #aaa9a3;
  font-size: var(--type-meta-size);
  font-weight: var(--weight-interface);
  line-height: var(--type-meta-line);
}