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

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

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

  .ui-service-block__list::before,
  .ui-service-block__list::after {
    display: none;
  }

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

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