@layer component {
  .my-component {
    padding: 2rlh;

    :has(> &) {
      container: my-component / inline-size;
    }

    > * + * {
      margin-block-start: var(--flow-space, 1em);
    }

    :nth-child(2 of .paragraph) {
      &:first-letter {
        initial-letter: 3;
      }
    }
  }
}