.audit-comparison {
  max-width: 100%;
  overflow-x: auto;
  margin-block: 1rem 1.5rem;
  border: 1px solid #ccd9cf;
  border-radius: .6rem;
}
.audit-comparison table {
  width: 100%;
  min-width: 32rem;
  border-collapse: collapse;
  text-align: left;
}
.audit-comparison caption {
  padding: .7rem;
  text-align: left;
}
.audit-comparison :is(th, td) {
  padding: .6rem .75rem;
  border-top: 1px solid #ccd9cf;
}
.audit-comparison thead {
  background: #e9f1e9;
}
.audit-comparison td:nth-child(2),
.audit-comparison td:nth-child(3) {
  white-space: nowrap;
}
.bottle-order-details {
  max-width: 60ch;
}
.model-spec-section .model-editorial-link {
  margin: 1.25rem 0 0;
}
dialog[data-audit-fit] {
  box-sizing: border-box;
  width: min(94vw, 850px);
  max-width: calc(100vw - 1rem);
  max-height: 92vh;
  max-height: 92dvh;
  padding: clamp(.5rem, 2vw, 1rem);
  overflow-y: auto;
}
dialog[data-audit-fit] [data-family-zoom-art] {
  max-width: min(100%, 65vh, 700px);
  max-width: min(100%, 65dvh, 700px);
}
dialog[data-audit-fit] [data-family-zoom-caption] {
  margin: .4rem 0 0;
  overflow-wrap: anywhere;
}
/* Keep the existing visible crop while giving the image that crop's layout box. */
@supports (object-view-box: inset(0%)) {
  dialog[data-audit-fit] [data-family-zoom][style*="--zoom-crop"] {
    left: var(--zoom-left) !important;
    top: var(--zoom-top) !important;
    width: var(--zoom-width) !important;
    height: var(--zoom-height) !important;
    clip-path: none !important;
    object-view-box: var(--zoom-crop);
    object-fit: fill;
  }
}