.service-compact {
  width: min(1320px, calc(100% - 48px));
  margin: 16px auto 20px;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.service-compact-main { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.service-compact-main strong { margin-right: 4px; color: var(--accent); font-size: 16px; }
.service-compact-main span { font-size: 13px; font-weight: 700; }
.service-compact-main i { color: #c59a70; font-style: normal; }
.service-compact details { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.service-compact summary { width: max-content; color: var(--accent); font-size: 12px; font-weight: 700; cursor: pointer; }
.service-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.service-detail-grid article { padding: 12px; border-radius: 8px; background: #fff8ef; }
.service-detail-grid b { font-size: 13px; }
.service-detail-grid p { margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

@media (min-width: 701px) {
  .pricing-rules {
    padding-top: 18px;
  }

  .price-head,
  .price-row {
    grid-template-columns: .72fr 1.12fr 1.22fr .72fr;
  }

  .price-row > span:nth-child(2),
  .price-row > span:nth-child(3) {
    white-space: nowrap;
  }
}

@media (max-width: 700px) {
  .service-compact { width: calc(100% - 24px); }
  .service-compact-main { gap: 8px; }
  .service-detail-grid { grid-template-columns: 1fr; }
}