.legal-inventory {
  display: grid;
  gap: 1px;
  margin: 28px 0 42px;
  border: 1px solid #c9c8c2;
  background: #c9c8c2;
}

.legal-inventory > div {
  display: grid;
  grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr);
  gap: 24px;
  padding: 18px 20px;
  background: #eeede8;
}

.legal-inventory dt {
  color: #171817;
  font: 650 13px/1.35 "DM Sans", Arial, sans-serif;
}

.legal-inventory dt code {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-bottom: 5px;
  padding: 4px 7px;
  overflow-wrap: anywhere;
  border-radius: 3px;
  background: #111;
  color: #f5f4ef;
  font-size: 11px;
}

.legal-inventory dd {
  margin: 0;
  color: #555954;
  font: 400 13px/1.65 "DM Sans", Arial, sans-serif;
  overflow-wrap: anywhere;
}

.legal-inventory a { color: #171817; }
.legal-inventory a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

.legal-pending {
  margin: 28px 0;
  padding: 20px;
  border: 1px solid #c9c8c2;
  background: #eeede8;
  color: #171817;
}

.legal-pending strong { display: block; font-size: 15px; line-height: 1.5; }
.legal-pending p { margin: 8px 0 0; font-size: 14px; line-height: 1.7; }
.legal-pending[hidden], .legal-inventory > [data-legal-row][hidden] { display: none; }

@media (max-width: 620px) {
  .legal-inventory > div { grid-template-columns: 1fr; gap: 9px; padding: 16px; }
}