@use "../styles/typography" as type;

.root {
  section { min-width: 0; }
  h4 { margin: 12px 0 6px; color: var(--vscode-descriptionForeground); font-size: type.$font-size-xs; font-weight: 500; }
}

.details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  padding: 1px;
  margin: 0;
  overflow: hidden;
  background: var(--vscode-sideBar-border);
  border-radius: 6px;

  > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 10px;
    background: var(--vscode-editorWidget-background);
  }

  dt { color: var(--vscode-descriptionForeground); font-size: type.$font-size-xs; }
  dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
  code { white-space: pre-wrap; font-family: var(--oa-code-font); font-size: type.$font-size-xs; }
}
.meta{
  margin-bottom: 10px;
}
.meta,
.empty {
  color: var(--vscode-descriptionForeground);
  font-size: type.$font-size-xs;
}