/* Lists Styles */

/* Unordered Lists */
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ul li {
  margin-bottom: 0.5rem;
}

ul ul {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

/* Ordered Lists */
ol {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol li {
  margin-bottom: 0.5rem;
}

ol ol {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

/* Definition Lists */
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

dt {
  margin-bottom: 0.25rem;
}

dd {
  margin-bottom: 0.75rem;
}

/* Nested Lists */
li > ul,
li > ol {
  margin-bottom: 0;
}

/* List Variations */
ul.no-bullets {
  list-style-type: none;
  padding-left: 0;
}

ol.roman {
  list-style-type: upper-roman;
}

ol.alpha {
  list-style-type: lower-alpha;
}

/* Description Lists with Grid Layout */
@media (min-width: 768px) {
  dl.horizontal {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 0.5rem;
  }

  dl.horizontal dt {
    grid-column: 1;
    text-align: right;
    margin-bottom: 0;
  }

  dl.horizontal dd {
    grid-column: 2;
    margin-left: 0;
  }
}