.md-typeset h2 {
  margin-top: 1.5rem !important;
}

/* * Converts native Markdown definition lists into two-column tables.
 * This allows content authors to write simple key/value pairs without using HTML.
 */
.md-typeset dl {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  overflow: hidden;
  display: grid;

  /* Left column: At least 180px, expanding to fit text on a single line.
     Right column: Fills all remaining space to ensure horizontal borders connect. */
  grid-template-columns: minmax(180px, max-content) 1fr;

  /* Gives the table a comfortable baseline size without stretching across the full screen */
  min-width: 60%;
  max-width: 100%;

  /* Overrides default Material for MkDocs grid gaps so internal borders connect seamlessly */
  gap: 0 !important;
  margin: 1em 0;
}

/* Left Column (Key) */
.md-typeset dl dt {
  font-weight: bold;
  margin: 0 !important; /* Overrides default MkDocs indentation */
  padding: 10px 16px;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);

  /* Creates the vertical line separating the two columns */
  border-right: 1px solid var(--md-default-fg-color--lightest);
}

/* Right Column (Value) */
.md-typeset dl dd {
  margin: 0 !important; /* Overrides default MkDocs margin-left that creates horizontal border gaps */
  padding: 10px 16px;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

/* Clears margins from <p> tags automatically injected by the Markdown parser */
.md-typeset dl dd p {
  margin: 0 !important;
}

/* Removes the horizontal bottom border from the final row to keep the outer border clean */
.md-typeset dl dt:last-of-type,
.md-typeset dl dd:last-of-type {
  border-bottom: none;
}