@layer components {
  .detail-list {
    display: flex;
    flex-direction: column;
    gap: var(--block-space);
    padding: var(--block-space);
  }

  .detail-list__item {
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--block-space-half);
    border-bottom: 1px solid var(--color-border);
    
    dt {
      color: var(--color-ink-muted);
    }
    
    dd {
      font-weight: 500;
    }
  }
}