@import url("tokens.css");

/* =============================================================
   Additional "service detail page" pattern not covered by
   service-page.css: a full-width, single-column list of light
   boxes with bold centered navy text (distinct from .pill-grid's
   2-column navy boxes with light text, and from .list-plain's
   bulleted list). Used on sfda-consultations.html and
   foreign-representative.html.
   ============================================================= */
.list-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}
.list-box li {
  background: var(--color-bg-page);
  color: var(--color-text-heading);
  border-radius: 6px;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: var(--fw-semibold);
  text-align: center;
  line-height: 1.5;
}