/* Progress checklist: <ol class="sv-checklist"> > <li class="sv-checklist__item is-done|is-missing|is-info">. */

.sv-checklist {
  display: flex;
  flex-direction: column;
  gap: var(--sv-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sv-checklist__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--sv-space-1) var(--sv-space-2);
  margin: 0;
  padding: var(--sv-space-2);
  border-radius: var(--sv-radius-md);
  font-size: var(--sv-text-sm);
}
.sv-checklist__item + .sv-checklist__item { margin: 0; }
.sv-checklist__item > .sv-icon { width: 1.125rem; height: 1.125rem; margin-top: 0.05rem; }
.sv-checklist__label { min-width: 0; }
.sv-checklist__link { font-size: var(--sv-text-sm); font-weight: var(--sv-weight-semibold); white-space: nowrap; }
.sv-checklist__item > ul {
  grid-column: 2 / -1;
  margin: 0;
  padding-inline-start: var(--sv-space-4);
  color: var(--sv-color-text-muted);
  font-size: var(--sv-text-xs);
}
.sv-checklist__item > ul li + li { margin-top: 0; }

.sv-checklist__item.is-done > .sv-icon { color: var(--sv-color-success-text); }
.sv-checklist__item.is-done .sv-checklist__label { color: var(--sv-color-text-muted); }
.sv-checklist__item.is-missing { background: var(--sv-warning-bg); }
.sv-checklist__item.is-missing > .sv-icon { color: var(--sv-warning-fg); }
.sv-checklist__item.is-missing .sv-checklist__label { color: var(--sv-warning-fg); font-weight: var(--sv-weight-medium); }
.sv-checklist__item.is-info > .sv-icon { color: var(--sv-info-fg); }
.sv-checklist__item.is-highlighted { box-shadow: 0 0 0 2px var(--sv-color-focus); }