/* Shared cards, accordions, lists, and table surfaces. */

.c-card {
  background-color: var(--color-surface);
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-md);
}

.c-card--shadow {
  box-shadow: var(--shadow-card);
}

.c-index {
  color: inherit;
  text-decoration: none;
}

.c-accordion {
  border: 1px solid var(--color-border-soft);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  padding: 1rem;
}

.c-accordion summary {
  cursor: pointer;
}

ul.secondary-ul {
  list-style-type: none;
  padding-left: 15px;
}

ul.custom {
  list-style-type: none;
  padding-left: 0;
}

ul.secondary-color-list,
ul.navy-color-list {
  list-style-type: none;
  padding-left: 0;
}

ul.custom li::before,
ul.secondary-ul li::before,
ul.secondary-color-list li::before,
ul.navy-color-list li::before {
  content: '•';
  font-size: 20px;
  padding-right: 8px;
  vertical-align: middle;
}

ul.custom li::before,
ul.secondary-ul li::before,
ul.secondary-color-list li::before {
  color: var(--color-secondary);
}

ul.navy-color-list li::before {
  color: #4F7191;
}

thead th,
thead th p {
  background-color: var(--color-secondary) !important;
  color: #E9E9E9 !important;
}