.commerce #commerce-content { display: grid; gap: 1rem; }
.commerce-branch { max-width: 28rem; }
.commerce .commerce-period { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; }
.commerce .commerce-fields { display: grid; gap: .75rem; }
.commerce #commerce-menu [aria-current="page"] { background: var(--tint); }
.commerce .service-list li { overflow-wrap: anywhere; }
.commerce .service-list p, .commerce .service-list h3 { margin-block: .25rem; }
.commerce #finance-actions { margin-block: .75rem; }
.commerce-document h3 { margin-block: .35rem .75rem; }
.commerce-document p { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .commerce .commerce-period { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  body:has(.commerce-dialog[open] #commerce-print:not([hidden])) > :not(main),
  .commerce:has(.commerce-dialog[open] #commerce-print:not([hidden])) > :not(.commerce-dialog),
  .commerce-dialog[open]:has(#commerce-print:not([hidden])) .inspection-toolbar,
  #commerce-print-button { display: none !important; }
  .services .commerce-dialog[open]:has(#commerce-print:not([hidden])) { position: static; width: 100%; max-height: none; border: 0; overflow: visible; }
  .commerce-dialog[open]::backdrop { background: transparent; }
}