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

  .ui-about-block__intro {
    margin: 0 0 1.5rem 0;
  }

  .ui-about-block__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

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

  .ui-about-block__item {
    margin: 0 0 0.5rem 0;
    padding: 0;
  }
}