@layer components {
  .h-feed {
    .note {
      display: flex;
      flex-direction: column;
      border: 1px solid var(--clr-border);
      border-radius: var(--border-radius);
      padding: 1ex 2ex;

      .e-content > p:first-child {
        margin-block-start: 0;
      }
    }

    .reply-to {
      font-size: 85%;
      margin-inline: 2ex;
      padding-inline: 1ex;
      border: 1px solid var(--clr-border);
      border-bottom: none;
      border-top-left-radius: var(--border-radius);
      border-top-right-radius: var(--border-radius);
    }
  }
}