.job-card,
.job-detail {
  max-width: 56rem;
  margin-block: 1.25rem;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: var(--paper);
  overflow-wrap: anywhere;
}

.job-card h2,
.job-detail h2 { margin-block: 0 .65rem; }
.job-card p { margin-block: .5rem; }
.job-detail dl { display: grid; gap: .4rem; margin-block: 1.5rem; }
.job-detail dt { color: var(--muted); font-weight: 600; }
.job-detail dd { margin: 0 0 1rem; white-space: pre-wrap; }
.job-pages { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-block: 1.5rem; }
.job-detail dl.property-facts { display: block; }
.property-facts > div { margin-block: 1rem; }
.survey-opening { margin-block: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: .5rem; }
.survey-opening > label, .survey-counts { margin-block: 1rem; }
.survey-counts { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); }
#survey-editor { max-width: 56rem; }
#survey-editor fieldset { min-width: 0; margin-block: 1rem; padding: 1rem; }
#price-book-editor fieldset { min-width: 0; margin-block: 1.5rem; padding: 1rem; }
#price-book-editor label { display: block; margin-block: 1rem; }
#price-book-editor input, #price-book-editor select, #price-book-editor textarea { width: 100%; min-width: 0; }
.price-book-snapshot { white-space: pre-wrap; overflow-wrap: anywhere; }
.route-crew h2 { margin-bottom: .15rem; }
.route-worker-id { color: var(--muted); font-size: .9rem; margin-top: 0; }
.route-crew ol { margin-block: 1rem; padding-left: 1.5rem; }
.route-stop { padding-left: .35rem; }
.route-stop label { display: block; }
.route-stop-address { display: block; margin-top: .6rem; font-weight: 600; }
.route-stop-meta { display: block; margin-top: .25rem; color: var(--muted); }

@media (min-width: 48rem) {
  .job-detail dl { grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; }
  .job-detail dd { margin: 0; }
  .property-facts > div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; }
}
#estimate-editor fieldset button { margin-top: .35rem; margin-right: .35rem; }
#estimate-editor label { margin-top: .5rem; }