/* ────────────────────────────────────────────────────────────────
   DΛREΛKT_ UI — SECTION BLOCK
   Semantic unit that renders prompt + title + blurb + list together.
   ──────────────────────────────────────────────────────────────── */
@layer components {
  .ui-section-block {
    display: block;
    width: 100%;
  }

  .ui-section-block__prompt {
    margin: 0 0 0.5rem 0;
    font-weight: 600;
  }

  .ui-section-block__title {
    margin: 0 0 0.5rem 0;
    font-weight: 600;
  }

  .ui-section-block__blurb {
    margin: 0 0 1rem 0;
  }

  .ui-section-block__list {
    margin: 0;
    padding: 0;
    list-style: none !important;
  }

  .ui-section-block__item {
    margin: 0 0 0.5rem 0;
    padding: 0;
    list-style: none !important;
  }

  .ui-section-block__item::before,
  .ui-section-block__item::after {
    display: none;
    content: none;
  }
}