.service-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.2rem; }
.service-tabs a { border: 1px solid var(--border); border-radius: .7rem; padding: .45rem .85rem; text-decoration: none; font-weight: 750; }
.service-tabs a[aria-current="page"] { background: var(--plum); color: #fff; border-color: var(--plum); }
.service-profile { background: var(--lavender); }
.service-profile h2 { margin-bottom: .4rem; }
.service-profile .pill, #service-board .record > .pill { margin-bottom: .4rem; }
.service-inline-form { display: grid; gap: .55rem; margin-top: .75rem; }
.service-inline-form .button { margin: 0; }
.service-detail { white-space: pre-line; }
#service-board .record h4 { margin: .65rem 0 .2rem; font-size: .92rem; }
#service-board .record details { margin-top: .65rem; }
#service-board summary { cursor: pointer; font-weight: 700; }
.service-message { margin: .35rem 0; overflow-wrap: anywhere; }
.service-catalog-tabs .button[aria-pressed="true"] { background: var(--plum); border-color: var(--plum); color: #fff; }
#service-nearby-filters { display: grid; gap: .65rem; margin-top: .8rem; }
.service-nearby-fields { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: .65rem; }
#service-catalog-summary:not(:empty) { margin-top: .65rem; }
@media (max-width: 42rem) {
  .service-nearby-fields { grid-template-columns: minmax(0, 1fr); }
}