.mvo-section {
  color: var(--text-1);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 1rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.mvo-section:empty, .mvo-section[hidden] { display: none; }
.mvo-section .mvo-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mvo-section h2 { margin: 0 0 .5rem; font-size: 1rem; }
.mvo-section h3 { margin: 0; font-size: .9rem; }
.mvo-section p { margin: .4rem 0; font-size: .85rem; }
.mvo-section .mvo-meta { color: var(--text-2); }
.mvo-section summary { cursor: pointer; padding: .6rem 0; font-size: .9rem; }
.mvo-section summary:focus-visible { outline: 2px solid var(--text-1); outline-offset: 3px; }
.mvo-section .mvo-customers { list-style: none; padding: 0; margin: 0; }
.mvo-section .mvo-customers > li { border-top: 1px solid var(--border); padding: .8rem 0; }
.mvo-section .mvo-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: .6rem 0; }
.mvo-section dt { color: var(--text-2); font-size: .8rem; }
.mvo-section dd { margin: .2rem 0 0; font-weight: 600; }
.mvo-section .mvo-pace { color: var(--text-2); }
@media (max-width: 768px) {
  .mvo-section { padding: .85rem; }
  .mvo-section .mvo-counts { gap: .5rem; }
}
@media (max-width: 480px) {
  .mvo-section .mvo-counts { grid-template-columns: 1fr; }
  .mvo-section .mvo-counts > div { display: flex; justify-content: space-between; gap: .6rem; }
  .mvo-section dd { margin-top: 0; }
}